Flutter學習筆記 - 安裝,映象,配置

weixin_34308389發表於2019-02-25

隨著Flutter1.0正式版釋出,很多程式設計師都把目光放到了Flutter上,畢竟程式設計師是永遠無法滿足的o( ̄︶ ̄)o
@[toc]

Flutter的安裝

在Windows上安裝Flutter過程十分簡單

本機環境

  • 系統:Windows 10 X64
  • 記憶體:8G

安裝前注意

  • 系統:Windows 7 或更高版本(64位)
  • 儲存:不低於 400 MB

使用映象

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

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
16471224-bdbe6ccfcfbbfe02
國內映象

獲取Flutter SDK

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

  • 去flutter官網下載其最新可用的安裝包,點選下載
  • 注意,Flutter的渠道版本會不停變動,請以Flutter官網為準。另外,在中國大陸地區,要想正常獲取安裝包列表或下載安裝包,可能需要翻牆,讀者也可以去Flutter github專案下去下載安裝包

安裝環境變數

在Path下追加路徑:flutter\bin的全路徑


16471224-b07477a605a0b28d.png
Path

執行flutter doctor

開啟一個新的命令提示符PowerShell視窗並執行以下命令以檢視是否需要安裝任何依賴項來完成安裝:

flutter doctor

在命令提示符或PowerShell視窗中執行此命令。

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

Android Studio配置

安裝Flutter和Dart外掛

需要安裝兩個外掛:

  • Flutter外掛: 支援Flutter開發工作流 (執行、除錯、熱過載等).
  • Dart外掛: 提供程式碼分析 (輸入程式碼時進行驗證、程式碼補全等).

要安裝這些:

  1. 啟動Android Studio.
  2. 開啟外掛首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
  3. 選擇 Browse repositories…, 選擇 Flutter 外掛並點選 install.
  4. 重啟Android Studio後外掛生效.


    16471224-bafb5fb5e3a37fc4
    flutter

    16471224-aea73853942f2271
    Dart

    16471224-df31c194a06e1905
    flutter doctor

相關連結

Flutter官網
Flutter中文網
Github - Flutter

相關文章