開始Flutter之前，必須先把開發Flutter所需的環境和工具等配置完成，本章講下Mac系統下安裝配置Flutter環境。
1.Flutter鏡像安裝，Flutter官方爲中國開發者搭建了臨時鏡像，大家可以不用VPN就可以快速安裝，建議安裝到根目錄下，方面查找和對應。
//依次執行命令
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
-
flutter doctor ：這個是檢查flutter環境是否有問題，如果有問題需要一一解決。
如圖：
![]()
- 上邊兩次錯誤是Android Studio 和 VSCode IDE IDE配置不對未完成（因爲我本地有Xcode、Android Studio、VSCode）所以檢測出來是沒有配置Flutter插件。
如果以上你都很順利基本上環境是在你的系統上了，但是你可能發現你的環境變量只能在根目錄能找到flutter命令。或者每次執行export PATH="$PWD/flutter/bin:$PATH"，才能使用flutter命令。不着急我們接下來修改下環境變量。
2.更新環境變量
（1）. 需要打開/.bash_profile，如果沒有需要創建。
（2）.添加路徑到文件中。
其中PATH就是你自己安裝FlutterSDK的路徑，如果不知道路徑可以執行 which flutter來查看具體安裝的路徑。
（3）.運行
source $HOME/.bash_profile 刷新當前終端窗口注意：如果你的系統是10.15的系統可能不起作用，因爲10.15系統終端是zsh，終端啓動時
~/.bash_profile將不會被加載，解決辦法就是修改 ～/.zshrc，在其中添加：source ～/.bash_profile
3.升級Flutter SDK和依賴包
升級flutter sdk命令
flutter upgrade
該命令會同時更新Flutter SDK和你的flutter項目依賴包。如果你只想更新項目依賴包（不包括Flutter SDK），可以使用如下命令：
flutter packages get獲取項目所有的依賴包。
flutter packages upgrade 獲取項目所有依賴包的最新版本。
4.安裝Xcode、Android Studio
爲iOS開發Flutter程序，需要安裝iOS開發工具Xcode，一般安裝開發工具後所需要的命令行工具也會一併安裝。
爲Android開發Flutter程序，需要安裝Android開發工具Android Studio。
5.IDE配置和使用
我們可以選擇Android Studio和VScode兩種工具進行開發flutter。
需要安裝倆個插件：
- Flutter插件，支持Flutter開發工作流 (運行、調試、熱重載等)。
- Dart插件，提供代碼分析 (輸入代碼時進行驗證、代碼補全等)。
Android Studio
1.打開啓動Android Studio
2.打開插件首選項（macOS：Preferences>Plugins或者快捷鍵Command+,）
3.選擇Plugins，搜索Flutter、Dart插件下載，並重新啓動Android Studio後插件生效。
4.創建App，如下。
VS Code
1.打開啓動VS Code
2.頂部選擇欄選擇查看>擴展選項（macOS快捷鍵：Command+Shift+X）
3.搜索框搜索flutter、dart並下載,並重新啓動VS Code。
4.驗證配置和創建App，使用命令Command+Shift+P，輸入框輸入flutter會出現
//檢測vscode當前flutter環境
Flutter:Run Flutter Doctor
//快捷鍵創建flutter項目
Flutter:New Project
//更新fluttersdk
Flutter:Run Flutter Upgrage
以上基本上就是全部的環境和工具的配置。
當然中間也會碰到各種各樣的問題，特別是對原生iOS和Android不懂得開發，可能會碰到很多坑,如有疑問可以私信留言。
參考：
Using Flutter in China
搭建Flutter開發環境