文章目錄
- 一、說明
- 二、在Windows系統上搭建Flutter開發環境
-
- 1. 系統配置要求
- 2. 擷取Flutter SDK
- 3. 添加環境變量
- 4. 運作flutter doctor
- 5. 編輯器設定
-
- （1）VS Code配置
- （2）Android Studio配置
- 三、總結
一、說明
在上一篇文章《Flutter進階（一）——為什麼Flutter是跨平台開發的終極之選》中，筆者介紹了Flutter開發的優勢與原理。既然要學習Flutter，我們下一步就需要搭建Flutter的開發環境。由于筆者的計算機時Windows系統的，下面的教程也是基于Windows系統。使用macOS、Linux、Chorme OS系統的讀者可以參考本文，也可以前往Flutter中午社群檢視安裝與環境搭建方法：
https://flutter.cn/docs/get-started/install
二、在Windows系統上搭建Flutter開發環境
1. 系統配置要求
想要成功搭建Flutter開發環境，你的計算機至少要滿足以下條件：
- 作業系統：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位作業系統）。
- 磁盤空間：除安裝 IDE 和一些工具之外還應有至少 1.32 GB 的空間。
- 必要的工具：要讓 Flutter 在你的計算機上正常使用，必須安裝以下兩個工具：
- Windows PowerShell 5.0 或者更高的版本（Windows 10 中已經預裝了）
- Git for Windows 2.x，并且勾選從 Windows 指令提示符使用 Git 選項。確定能從指令提示符或者 PowerShell 中直接執行 git 指令（添加至環境變量）。
如果你的計算機沒有這兩個工具，請先安裝，安裝教程筆者不在贅述，不清楚的讀者請自行上網搜尋。
2. 擷取Flutter SDK
讀者可以前往Flutter官網下載下傳Flutter SDK：
https://flutter.dev/docs/development/tools/sdk/releases#windows
筆者使用的是目前（2021/02/21）最新穩定版1.22.6。要下載下傳這一版本，直接點選下方連結：
https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_1.22.6-stable.zip
以後要更新Flutter SDK，隻需執行下面的指令：
flutter upgrade
Flutter 有 4個釋出管道，分别是 stable, beta, dev, 和 master。推薦下載下傳使用穩定性高的 stable 管道。
要檢視你目前使用的哪個管道，使用下面的指令：
flutter channel
要切換到其它管道(比如dev管道)，使用以下指令：
flutter channel dev
flutter upgrade
将下載下傳的壓縮包解壓，注意，不要解壓到
C:\Program Flies\
等需要較高權限的目錄下。筆者将其解壓到
C:\Android\FlutterSDK
目錄下。
3. 添加環境變量
在Windows開始菜單旁的搜尋功能内鍵入
env
選擇
編輯系統環境變量
，點選右下方
環境變量
進入環境變量編輯，在
使用者變量
的
PATH
條目中新增Flutter SDK的bin檔案夾所在目錄位址，以
;
與其他位址隔開。比如筆者新增位址
C:\Android\FlutterSDK\bin
。
Flutter使用Dart語言開發，Flutter SDK包含了Dart SDK，是以無需單獨下載下傳。
由于在國内通路Flutter有時可能會受到限制，Flutter官方為中國開發者搭建了臨時鏡像。将如下環境變量加入到使用者環境變量中：
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
**注意：**等号前為變量名，等号後為變量值！格式如下圖：
環境變量更新後需要重新開機計算機。
4. 運作flutter doctor
接下來在指令提示符cmd中執行指令：
flutter doctor
第一次運作一個Flutter指令（如
flutter doctor
）時，會下載下傳依賴項并自行編譯。以後再運作就會快得多。
上述指令會檢查你的現有環境，并将檢測結果以報告形式呈現出來。仔細閱讀它顯示的内容，檢查是否有尚未安裝的軟體或是有其他的步驟需要完成（通常會以粗體呈現）。比如運作結果如下：
接下來将執行以下指令解決第一個報錯：
flutter doctor --android-licenses
5. 編輯器設定
進行Flutter開發，推薦使用VS Code或者Android Studio。VS Code是輕量級編輯器，支援Flutter開發、運作、調試。Android Studio可以為Flutter提供完整的IDE體驗。
（1）VS Code配置
- 安裝VS Code 1.20.1或更高版本。
- 安裝Flutter插件：打開 VS Code，打開 檢視 > 指令面闆，輸入
install
flutter
- 驗證安裝：打開 檢視 > 指令面闆，輸入
doctor
（2）Android Studio配置
- 安裝Android Studio 3.0 或之後的版本
- 安裝 Flutter 和 Dart 插件：打開 Android Studio，打開插件設定（在 v3.6.3.0 以上打開 Configure > Plugins）。然後選擇 Flutter 插件安裝。當彈出安裝 Dart 插件提示時，點選 Yes。彈出重新啟動提示時，點選 Restart。
如果你對Android Studio下載下傳、安裝、配置過程有問題，建議你看看這篇文章：《Android Studio最新最詳細安裝教程》
三、總結
Flutter開發環境的搭建到這裡就結束了。VS Code作為一款插件豐富的輕量級編輯器，非常适合Android開發初學者和英語不太好（VS Code有中文插件）的開發者與愛好者使用。當然，完整的IDE開發體驗還得看Android Studio。
想了解更多關于Flutter的資訊，與筆者一起零基礎學習Flutter，請關注筆者專欄：Flutter進階！
更多資源與文章，請關注筆者微信公衆号“Flutter進階”！