較詳細的 Flutter 環境搭建筆記( windows )(含常見錯誤)

1 設置環境變量

由於國內訪問Flutter可能受限，Flutter官方爲中國開發者搭建了臨時鏡像，設置如下路徑到用戶環境變量中，在控制檯運行以下命令：

set PUB_HOSTED_URL=https://pub.flutter-io.cn

set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

上述鏡像並不能保證一直可用，可參考網址https://flutter.io/community/china查看鏡像最新動態。

然後在【控制面板>用戶帳戶>用戶帳戶>更改我的環境變量>用戶變量】下檢查一下，是否成功加上了這兩個路徑，沒有的話手動添加。

2 安裝Git

安裝Git for Windows，並確保命令提示符或PowerShell中能正確運行Git命令（具體安裝過程略）。

3 下載其Flutter安裝包

去Flutter github項目下載安裝包 https://github.com/flutter/flutter/releases，然後解壓到一個權限較低的路徑如C:\src\flutter，避免高權限路徑如C:\Program Files\。

注意要用git下載，不要直接下載壓縮包，後面操作需要關聯git，可在控制檯運行命令：git clone -b stable https://github.com/flutter/flutter.git。

4 運行flutter命令行

在Flutter安裝目錄下雙擊flutter_console.bat運行flutter命令行。

5 設置環境變量

在【控制面板>用戶帳戶>用戶帳戶>更改我的環境變量>用戶變量】下檢查是否有名爲“Path”的條目，追加flutter\bin的全路徑C:\src\flutter\flutter-master\bin。

6 運行flutter doctor

運行flutter doctor命令，檢測環境的安裝情況，Dart SDK已被捆綁在Flutter裏，不需要單獨安裝。來看看我的檢查結果：

7 安裝Android Studio

按提示安裝Android SDK，先安裝Android Studio（谷歌推出的Android集成開發工具），官網提供的地址https://developer.android.com/studio/index.html需要翻牆，所以可移步地址https://developer.android.google.cn/studio/進行下載，無需翻牆，雙擊安裝，無腦下一步，直到安裝進度條的出現：

完成後啓動Android Studio，執行“Android Studio安裝嚮導”，這將安裝最新的Android SDK，如果遇到提示unable to access android sdk add-on list不要慌，點cancel，然後繼續下一步，期間勾選Virtual Device，然後開始安裝。

8 執行命令flutter doctor --android-licenses

再次運行flutter doctor命令，報錯：

Android license status unknown Try re-installing or updating your Android SDK Manager

執行命令：

flutter doctor --android-licenses

如果遇到如下報錯：

Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema

可參考文章：https://www.wandouip.com/t5i325108/（轉）

9 在開發工具中安裝flutter插件：

再次運行flutter doctor命令：

提示：

[!] IntelliJ IDEA Community Edition (version 2019.1)

    X Flutter plugin not installed; this adds Flutter specific functionality.

    X Dart plugin not installed; this adds Dart specific functionality.

[!] VS Code (version 1.36.1)

    X Flutter extension not installed; install from

      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[!] Connected device

    ! No devices available

含義比較清晰，一個是關於開發工具IDEA的，一個是關於開發工具VSCode的。顯然flutter檢測到了本機安裝的IDE，並給出提示。這裏使用哪個開發工具都可以，如果打算使用VSCode開發Flutter，那麼按照提示打開VSCode下載並安裝flutter插件就可以了（這裏我將兩個IDE都安裝好了）。

Ok！安裝完畢以後，再次檢測，發現原來的叉叉變成對號啦！

最後一條提示沒有連接設備，所以如果想用真機測試開發，連上設備就好啦！