【Flutter 1-2】在 Windows 10下配置Flutter開發環境

在 Windows 10下安裝Flutter+Dart+Android Studio 配置Flutter開發環境

配置環境變量

因爲部分網站被牆的緣由，咱們須要先配置Flutter國內鏡像地址，這兩個地址是由Flutter官方維護的，能夠放心使用
首先咱們找到此電腦點擊右鍵，而後點擊屬性

而後點擊高級系統設置

點擊高級而後找到下面的環境變量並點擊

點擊新建

變量名輸入PUB_HOSTED_URL 變量值輸入 https://pub.flutter-io.cn 而後點擊肯定

繼續點擊 新建
變量名輸入FLUTTER_STORAGE_BASE_URL 變量值輸入 https://storage.flutter-io.cn 而後點擊肯定

到這裏須要的環境變量就配置完成了

開始安裝Flutter

• 下載安裝文件並解壓縮

點擊進入官網下載須要的版本
若是不能打開該網站，可去個人網盤去取版本是1.22.0 提取碼: awjy
下載完成後在新建一個文件夾解壓縮，我這裏選的是C:\src\flutter
解壓成功以後，咱們須要將Flutter也配置到環境變量中，flutter文件夾下的bin目錄路徑(我這裏是C:\src\flutter\bin)配置到環境變量中。打開配置環境變量的步驟參考 上面的步驟配置環境變量
雙擊Path來添加

將C:\src\flutter\bin配置進去

• 運行 flutter doctor

將路徑配置以後咱們打開 終端工具PowerShell 輸入 flutter doctor查看還有哪些須要配置。flutter doctor是Flutter官方提供的用來檢測當前Flutter配置環境的工具，能夠快速的幫咱們發現問題。
運行以後咱們會看到輸出以下:

很明顯咱們還須要安裝 Android Studio，Andriod Studio是Flutter官方支持的IDE工具。
去Andriod Studio 官網下載下載完成後，一路Next安裝完成，而後啓動Android Studio，第一次安裝默認會安裝不少依賴，這個等慢慢安裝就能夠了。
啓動以後點擊File->Settings

找到Plugins在輸入框內輸入Flutter點擊安裝

安裝Flutter的時候默認會要求安裝Dart

安裝後重啓 Andriod Studio

而後咱們把Android SDK路徑配置到系統變量裏面
咱們先找到File->Other Settings->Default Project Structure..並點擊

找到SDK的路徑

進入到文件下找到SDK文件夾有一個platform-tools的文件夾，複製這個路徑添加到系統Path中
變量名是ANDROID_HOME

這時候咱們再執行一次 flutter doctor

如今咱們只須要再執行一次 flutter doctor --android-licenses 彈出的提示選擇y或者是直接回車便可。
而後再運行一次flutter doctor已經沒有錯誤提示了。
這樣咱們的Flutter的環境就配置完成了。

安裝Android 模擬器

打開Android Studio 找到右上角的AVD Manager並點擊

點擊Create Virtual Device... 選擇一個咱們須要須要安裝的模擬器，而後點擊Next

在配置頁面選擇Hardware - GLES 2.0

新建Flutter項目並運行

點擊Android Studio 裏面的 File->New->New Flutter Project
新建項目並打開
選擇咱們剛剛安裝好的模擬器，而且點擊運行 就能夠看到效果啦！

可能會遇到的問題

在執行 flutter doctor --android-licenses出現如下錯誤

須要咱們手動安裝Android SDK Platform-Tools
打開Android Studio 點擊File->Settings->Android SDK找到Android SDK Platform-Tools安裝便可！

---