1.Flutter的下載安裝和環境配置


書寫背景:
本系列的文章,部分根據官方網站的內容進行復制,其中部分內容根據實際情況做過調整.

使用鏡像

由於在國內訪問Flutter有時可能會受到限制,Flutter官方為中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意: 此鏡像為臨時鏡像,並不能保證一直可用,讀者可以參考詳情請參考 Using Flutter in China 以獲得有關鏡像服務器的最新動態。

系統要求

要安裝並運行Flutter,您的開發環境必須滿足以下最低要求:

  • 操作系統: Windows 7 或更高版本 (64-bit)
  • 磁盤空間: 400 MB (不包括Android Studio的磁盤空間).
  • 工具: Flutter 依賴下面這些命令行工具.
    • Git for Windows (Git命令行工具)

      如果已安裝Git for Windows,請確保命令提示符或PowerShell中運行 git 命令,不然在后面運行flutter doctor時將出現Unable to find git in your PATH錯誤, 此時需要手動添加C:\Program Files\Git\binPath系統環境變量中。

獲取Flutter SDK

  1. 去flutter官網下載其最新可用的安裝包,點擊下載 ;

    注意,Flutter的渠道版本會不停變動,請以Flutter官網為准。另外,在中國大陸地區,要想正常獲取安裝包列表或下載安裝包,可能需要翻牆,讀者也可以去Flutter github項目下去下載安裝包 。

  2. 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:D:\flutter;注意,不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\)。

  3. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行並啟動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。

注意: 由於一些flutter命令需要聯網獲取數據,如果您是在國內訪問,由於眾所周知的原因,直接訪問很可能不會成功。 上面的PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL是google為國內開發者搭建的臨時鏡像。詳情請參考 Using Flutter in China

上述命令為當前終端窗口臨時設置PATH變量。要將Flutter永久添加到路徑中,請參閱更新路徑

要更新現有版本的Flutter,請參閱升級Flutter

更新環境變量

要在終端運行 flutter 命令, 你需要添加以下環境變量到系統PATH:

  • 轉到 “控制面板>用戶帳戶>用戶帳戶>更改我的環境變量”
  • 在“用戶變量”下檢查是否有名為“Path”的條目:
    • 如果該條目存在, 追加 flutter\bin的全路徑,使用 ; 作為分隔符.(Windows10的環境變量設置優化過,可以不加分號.順便加一句,做開發怎么能不用Windows10?)
    • 同時添加Android-SDK\platform-tools的全路徑.
    • 如果條目不存在, 創建一個新用戶變量 Path ,然后將 flutter\bin的全路徑作為它的值.
  • 在“用戶變量”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目,如果沒有,也添加它們。

重啟Windows以應用此更改(重啟不重啟不重要,這是玄學,只要配置好環境變量一路點確定就完事了)

運行 flutter doctor

打開一個新的命令提示符或PowerShell窗口並運行以下命令以查看是否需要安裝任何依賴項來完成安裝:

flutter doctor

在命令提示符或PowerShell窗口中運行此命令。目前,Flutter不支持像Git Bash這樣的第三方shell。

該命令檢查您的環境並在終端窗口中顯示報告。Dart SDK已經在捆綁在Flutter里了,沒有必要單獨安裝Dart。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務(以粗體顯示)

例如:

[-] Android toolchain - develop for Android devices
     • Android SDK at D:\Android\sdk 
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ 
     • Try re-installing or updating your Android SDK, 
     visit https://flutter.io/setup/#android-setup for detailed instructions.

當輸出信息類似以下及證明環境配置OK:(其中系統版本,SDK版本會因個人而異.我這里是當下最新版本.)

Doctor summary (to see all details, run flutter doctor -v):

[√] Flutter (Channel dev, v1.6.0, on Microsoft Windows [Version 10.0.18898.1000], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[!] Android Studio (not installed)
[√] Connected device (1 available)

! Doctor found issues in 1 category.

第一次運行一個flutter命令(如flutter doctor)時,它會下載它自己的依賴項並自行編譯。以后再運行就會快得多。

以下各部分介紹如何執行這些任務並完成設置過程。你會看到在flutter doctor輸出中, 如果你選擇使用IDE,我們提供了,IntelliJ IDEA,Android Studio和VS Code的插件, 請參閱編輯器設置 以了解安裝Flutter和Dart插件的步驟。

一旦你安裝了任何缺失的依賴,再次運行flutter doctor命令來驗證你是否已經正確地設置了。

該flutter工具使用Google Analytics匿名報告功能使用情況統計信息和基本崩潰報告。 這些數據用於幫助改進Flutter工具。Analytics不是一運行或在運行涉及flutter config的任何命令時就發送, 因此您可以在發送任何數據之前退出分析。要禁用報告,請執行flutter config --no-analytics並顯示當前設置,然后執行flutter config。 請參閱Google的隱私政策

編輯器設置

使用 flutter 命令行工具,您可以使用任何編輯器來開發Flutter應用程序。輸入flutter help在提示符下查看可用的工具。

我們建議使用我們的插件來獲得豐富的IDE體驗,支持編輯,運行和調試Flutter應用程序。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM