開始Flutter之前，必須先把開發Flutter所需的環境和工具等配置完成，本章講下Mac系統下安裝配置Flutter環境。
1.Flutter映象安裝，Flutter官方為中國開發者搭建了臨時映象，大家可以不用***就可以快速安裝，建議安裝到根目錄下，方面查詢和對應。
//依次執行命令
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）.新增路徑到檔案中。
（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不懂得開發，可能會碰到很多坑,如有疑問可以私信留言。
參考：