Flutter(一) 環境準備

安裝Flutter

在國內安裝使用Flutter，首先閱讀下這篇文章，由於國內網路大環境問題，需要提前進行一點配置。

在國內安裝Flutter需要首先需要一個值得信任的國內映象。在映象上邊儲存著Flutter需要的依賴及相關庫，包等。為了使用Flutter，需要使用一個備用儲存位置，我們需要配置環境變數。
配置環境變數名：PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL。

在windows系統中，需要在環境變數設定中新增：
PUB_HOSTED_URL ： https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL ： https://storage.flutter-io.cn

然後執行Git命令（前提是安裝了GitBash工具）：
git clone -b dev https://github.com/flutter/flutter.git Flutter

Flutter資料夾需要注意：資料夾存放的路徑上不要出現空格，否則在IDE中進行工程建立後會有警告，SDK環境路徑上存在分隔符。

在clone完成之後，即flutter sdk下載完畢，還需要配置Flutter環境： xxxx/Flutter/bin目錄下。

重新開啟一個命令列，在其中輸入命令

flutter doctor

進行環境及缺失的依賴檢查，並下載需要的依賴。
執行效果如下圖：
![執行flutter doctor(https://upload-images.jianshu.io/upload_images/6317885-280dbdd73fe15d2a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

在環境及相關依賴檢查完成之後，可以開始在Android Studio中進行建立工程行為。

注意：Android Studio 預覽版中無法保證執行flutter成功。因此需要使用穩定版AS，且需要3.0版本以上。

Android Studio中需要安裝Flutter Plugin，Dart Plugin兩個外掛。

Dart SDK也需要手動安裝，直接下載zip包免安裝。

成功準備好IDE環境之後，就可以建立Flutter Project了，預設建立Flutter Application就可以了，按照IDE建立提示一直到最終完成。

** 需要注意：同樣由於網路環境，直接執行Flutter Project是不可行的，UI會一直停留在Gradle正在初始化工程。這時需要修改build.gradle配置中的中央Maven庫到一個可信賴的公共Maven庫。 這裡我修改成Ali的Maven庫 **

buildscript {
    ext.kotlin_version = '1.1.51'
    repositories {
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
        google()
    }
    // ......
}

// ......

allprojects {
    repositories {
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
    }
    google()
}
// ......

然後再次sync工程，進行執行。

首個建立的Flutter Project工程結構如下：

再來看看執行效果：

至此，Flutter，Dart環境均準備結束了。