前言

聽聞flutter絲滑順暢，特來親自嘗試驗證，本文為安裝至成功真機運行示例項目記錄。

安裝

https://flutterchina.club/setup-windows/
根據(jù)中文文檔，安裝至flutter doctor指令能運行
注意：
1.不能翻墻情況，需要配置環(huán)境變量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2.配置完環(huán)境變量記得重啟
3.不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\

編譯器配置

https://flutterchina.club/get-started/editor/#androidsstudio
繼續(xù)按照文檔，配置好編譯器的對應flutter、dart插件，如果vsCode與android studio都安裝了建議都配好，
android studio里的Sync Project with Gradle Files 修復gradle環(huán)境配置是真的香。

新建示例項目

https://flutterchina.club/get-started/test-drive/#androidsstudio
繼續(xù)跟著文檔走，創(chuàng)建項目，會自動拉取示例項目代碼，然后打開lib/main.dart文件，編譯器可能還會提示有東西要下載，等待編譯器自己下載好，下載好之前可能這個文件里的代碼一片紅色錯誤提示，不要慌。

徹底下載完畢之后，嘗試啟動，我直接連了真機（在早期未下載完的時候，device是沒有識別到的，下載完后會自動識別到真機），vsCode 在lib/main.dart文件下點F5啟動（右下角device應有真機/模擬器型號，no device狀態(tài)無法啟動），

flutter-vsCode-device圖示.png

flutter-vsCode啟動圖示.png

android studio直接debug綠色小烏龜按鈕啟動，

flutter-androidstudio啟動圖示.png

啟動有時不是一帆風順的，此時可能遇到如下2個一頭霧水的報錯：
1.Could not find com.android.tools.build:gradle:3.5.0
這個問題是本地gradle與項目gradle不一致導致，首先android studio 菜單 help->about

androidStudio-gradle.png

gradle-修改.png

gradle-修改2.png

download-faild-修改.png

        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

關于這個錯誤，之前也嘗試過更改android\build.gradle文件對應位置，但是改完會繼續(xù)報第一個錯誤，所以轉(zhuǎn)而更改flutter下的配置文件，最后編譯成功。

最后嘗試了打開模擬器進行調(diào)試，畢竟我的老爺機太卡了……

vsCode-模擬器選擇.png

androidStudio-模擬器選擇.png

模擬器使用的Genymotion

模擬器圖示.png