Flutter開發環境搭建教程及避坑指南_Android版

https://flutterchina.club/setup-windows/
flutter中文網站

1. JDK

1.1 到 ORACLE官網 下載適合自己系統版本的JDK，然後安裝。

1.2 配置系統環境變量

新增一個 JAVA_HOME 的環境變量，對應你的JDK安裝路徑

然後在系統的Path變量後面追加：;%JAVA_HOME%\jdk_7u51\bin;%JAVA_HOME%\jre7\bin;

1.3 查看環境變量是否配置成功
在CMD窗口運行 “java -version” 命令查看，如下顯示版本號，則表示配置成功。

2. Git

Flutter 依賴 Git 命令行工具，所以需要安裝Git工具。
到 Git官網 下載安裝包並安裝，同樣需要講Git的啓動目錄添加至 Path 系統環境變量中（同上）。我的安裝目錄是 E:\git\Git-2_21_0\Git 。所以Path環境變量中追加 E:\git\Git-2_21_0\Git\bin。

配置完成後，運行 git --version 查看是否配置成功。如下顯示版本號，則表示配置成功。

2. Android Studio

下載並安裝Android Studio。完成後打開 AS ，根據提示下載好 Android SDK。

要想在 AS 中使用 Flutter，還要安裝相應的插件：Flutter 和 Dart 。
Flutter 插件：用於支持Flutter開發工作流 (運行、調試、熱重載等)；
Dart 插件： 提供代碼分析 (輸入代碼時進行驗證、代碼補全等)。

在 Settings -> Plugins 面板找到 Flutter 插件，點擊 install 即可。

我們知道，Flutter 是使用 Dart 語言進行開發的。所以 AS 直接也把 Dart 插件給安裝上了。

3. Flutter SDK

3.1 下載flutter SDK

1. 直接通過git下載。CMD窗口進入到安裝路徑下，運行 git clone -b stable
   https://github.com/flutter/flutter.git
   
2. 可翻牆到Flutter官網下載。下載下來的zip包解壓後，需要在flutter SDK根目錄生成,git文件，否則會報錯。（該種方法不推薦，容易出奇怪的問題。）
   Error: The Flutter directory is not a clone of the GitHub project.
   The flutter tool requires Git in order to operate properly;
   to set up Flutter, run the following command:
   git clone -b stable https://github.com/flutter/flutter.git

3.2 添加Flutter環境變量

同樣，添加Flutter的啓動路徑 x:\xxx\flutter-1.2.1\bin 到系統變量 Path 中。

由於Flutter在第一次運行時，需要下載一些資源和依賴，在國內訪問Flutter有時可能會受到限制，Flutter官方爲中國開發者搭建了臨時鏡像，大家可以將如下環境變量加入到用戶環境變量中：
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

重啓計算機確保配置生效。

3.3 利用flutter doctor命令檢查開發環境

打開終端窗口或者PowerShell，運行命令一下命令

flutter doctor

第一次運行 flutter doctor 時，它會下載一些依賴項並自行編譯，所以第一次比較慢，耐心等待。以後再運行就會快得多。

可以看到，系統提示我們一個錯誤。意思大致是提示我們需要安裝 Android license。

Android license status unknown.

我們執行下 flutter doctor --android-licenses
好，再次運行 flutter doctor 命令

運行時提示錯誤：
1、該情況運行 flutter doctor --android-licenses 即可
[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)
X Android licenses not accepted. To resolve this, run: flutter doctor
–android-licenses
[√] Android Studio (version 3.1)
[!] Connected device
! No devices available

按照提示運行 flutter doctor --android-licenses 即可。

4. 運行第一個Flutter應用

運行時，報錯
1、檢查 android/build.gradle中，定義的版本號與當前安裝的AS版本是否一致。
dependencies {
classpath ‘com.android.tools.build:gradle:3.1.4’
}

2、檢查android/gradle/wrapper/gradle-wrapper.properties 中定義的gradle版本是否可用。
distributionUrl=https://services.gradle.org/distributions/gradle-4.4-all.zip