Win7下的flutter環境安裝配置


隨着 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 設備。


免責聲明!

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



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