Android-Flutter基礎之環境配置

  在Google I/O 大會上,Google 向我們介紹了 Flutter - 全新的跨平臺UI框架,並且最近很多人也開始推薦使用Flutter,作爲Android開發人員,有必要了解最新的技術。國內開發者可訪問Flutter中文網站https://flutterchina.club/

1.安裝Flutter SDK

1.1 去flutter官網下載其最新可用的安裝包 :https://flutter.io/docs/development/tools/sdk/archive#windows。注意,在中國大陸地區,要想正常獲取安裝包列表或下載安裝包,可能需要翻牆,讀者也可以去Flutter github項目下去 下載安裝包 https://github.com/flutter/flutter/releases

1.2 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:D:\flutter; 這是我的安裝路徑:F:\Flutter\flutter_windows_v1.0.0\flutter),這個路徑下一步會用到。

解壓後的Flutter SDK是這樣的,帶有.git的文件夾(PS:如果你沒有安裝git,需要安裝git工具 地址:https://git-scm.com/download/win) 

1.3 環境變量

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

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

  如果命令行提示失敗,你也可以通過  電腦-屬性-高級系統設置-更改環境變量  裏增加兩個變量,首先在用戶變量那一欄找到 Path, 把你上一步解壓後的Flutter 文件夾裏 bin的路徑加到Path裏,如圖:

  然後,點擊“新建”,把PUB_HOSTED_URL=https://pub.flutter-io.cn 和 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 按照下圖的方式加入到用戶變量裏。

1.4 運行 flutter doctor 

  上面步驟都安裝完成後,可以打開命令行,輸入  flutter doctor   ,之後該命令檢查您的環境並在終端窗口中顯示報告。Dart SDK已經在捆綁在Flutter裏了,沒有必要單獨安裝Dart。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執行的任務(以粗體顯示), 如下圖:

 

2. Android設置

  flutter 支持Android Studio 開發,所以在Android Studio中 找到  File>Settings>Plugins,選擇 Browse repositories…, 選擇 Flutter 插件並點擊 install,安裝完重啓AS.

3. 新建Flutter項目

  安裝完Flutter插件後,我們可以新建一個Flutter項目,體驗一下啦。在AS中  File>New>New Flutter Project...    新建項目,如下圖:

在Flutter SDK path 那一欄,要選擇好sdk的路徑(就是你1.2 解壓後的Flutter文件夾路徑),點擊Next,編譯完成後可看到項目結構,因爲是跨平臺,所以同時有Android和IOS項目結構。點擊安裝後可看到默認的新項目,拭目以待吧:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章