環境配置

Flutter SDK 安裝

https://docs.flutter.dev/development/tools/sdk/releases?tab=macos

下載完成後解壓將其SDK flutter資料夾放入系統根目錄，例如：

/Users/k/flutter_sdk/flutter

終端環境配置

終端輸入：

open ~/.bash_profile

寫入以下內容後按esc鍵 :wq儲存退出（注意SDK目錄）:

export PATH=/Users/k/flutter_sdk/flutter/bin:$PATH 
export PUB_HOSTED_URL=https://pub.flutter-io.cn
 

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

然後執行：

source ~/.bash_profile

檢查壞境

flutter doctor

注意：需提前安裝好xcode、brew、cocoapod、vscode

命令建立Flutter專案

終端 cd 到建立專案的資料夾中，執行：

sudo flutter create flutterapp01

注意：flutterapp01 為專案名，這裡建議字母都小寫

修改SDK和專案目錄許可權

SDK許可權（讀寫）

終端 cd 到SDK所在資料夾（例：/Users/k/flutter_sdk/flutter），執行：

sudo chmod -R 777 flutter_sdk

專案許可權（讀寫）

終端 cd 到專案資料夾（先cd到flutterapp01資料夾，再執行 cd ../）,執行：

sudo chmod -R 777 flutterapp01（App名稱）

xcode開啟專案

在專案資料夾（flutterapp01）中找到 ios資料夾，雙擊Runner.xcodeproj 檔案即可編譯執行

配置 vscode

安裝Dart、Flutter、flutter Widget Snippets、Code Runnner等

vscode終端開啟專案

vscode終端執行：

flutter run

注意，如執行flutter run 後出現：zsh: command not found: flutter，開啟Mac 終端執行：

vim ~/.zprofile

然後退出儲存，重啟vscode即可。