隨着 2018 年底 GOOGLE 正式發布了 flutter1.0,這個原生開發框架大火,試用了一下確實不錯,代碼狀態即時刷新,所見即所得。APP 開發的環境安裝,比較復雜,很多初學者在這一步就被 PASS 了。歡迎加入Q群:697028234
1.安裝 GIT.(下載地址:https://www.git-scm.com/download/win)
安裝 Android studio 3.2 和相關依賴,一路 next 即可。 (下載地址:http://www.android-studio.org/)
2.下載安裝 PowerShell5.0(下載地址:https://www.jb51.net/softs/580141.html)
3.安裝 flutter。
因為眾所周知的原因,clone 下載 flutter 庫很慢,所以安裝了科學上網軟件,臨時設置 cmd 代理后下載速度會快一些。
4.將 clone 的 Flutter 倉儲中 bin 目錄的完整路徑,添加到系統環境變量 path 中。(clone 路徑必須是全英文)
必須用 powershell 5.0 運行 flutter 命令,否則會報錯。
設置用戶變量,設置為國內鏡像加速依賴包下載
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
5.1 安裝 VS Code,下載 1.20.1 或更高版本.
設置中文界面:CTRL+SHIFT+P 輸入 configure display language,將 en 設置為 zh-CN。安裝中文語言包。
5.2 為 VS Code 安裝 Flutter 插件
在搜索框輸入 flutter , 在搜索結果列表中選擇 ‘Flutter’和‘Dart’, 然后點擊 Install
5.3 通過 flutter doctor 驗證 VS Code 是否安裝配置成功
調用 查看>命令面板
輸入 ‘doctor’, 然后選擇 Flutter: Run Flutter Doctor
查看“OUTPUT”窗口中的輸出是否有問題
6. 創建 flutter 項目
在 VS Code 面板中,按下快捷鍵 Ctrl + Shift + P 打開命令面板
在命令面板中輸入 flutter
選擇 flutter: New Project 選項創建新項目
選擇項目存放目錄后,剛才執行的命令會自動創建 Flutter 項目
7.運行 flutter 項目
運行 flutter devices 命令查看是否有 android 設備連接到當前電腦上
如果顯示已有安卓設備連接到當前電腦,則運行 flutter run 命令,即可把項目以 debug 調試模式運行於安卓設備之上
如果是用模擬器,需要安裝啟動模板器后,在 VSC 的控制終端上輸入 adb connect 命令連接。比如:夜神為 adb connect 127.0.0.1:62001。(經測試部分模擬器會報錯 Dart VM: SSE2 is required,如 mumu 模擬器。)正常鏈接模擬器后可查看右下角狀態。推薦使用 android studio 模擬器(VSC 可自動識別)。
注意:如果運行 flutter devices 命令無法查看到已連接的安卓設備,則按步驟配置手機,開啟開發者模式:
按 F5 或是在終端輸入 flutter run 運行項目成功,如圖:
夜神模擬器運行成功:
注意:需要安裝 Android 4.1(API level 16) 或 更高版本 的 Android 設備
在您的設備上啟用 開發人員選項 和 USB 調試 。詳細說明可在 Android 文檔 中找到。
使用 USB 將手機插入電腦。如果您的設備出現提示,請授權您的計算機訪問您的設備。
在終端中,運行 flutter devices 命令以驗證 Flutter 識別您連接的 Android 設備。