macOS下搭建Flutter開發環境

環境資源

• VSCode
• Flutter SDK
• XCode
• Simulator

搭建 Flutter 開發流程

• 新增環境變數

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼

• 獲取 Flutter SDK

1. 去flutter官網下載其最新可用的安裝包，官網地址：flutter.io/sdk-archive…
2. 解壓到你要安裝的目錄
3. 給當前命令列視窗設定 flutter 環境變數

export PATH=`pwd`/flutter/bin:$PATH
複製程式碼

4. 執行 flutter doctor,安裝依賴

• 更新環境變數

當前配置的環境下，開啟新的終端，執行 flutter 命令，報404

要想在任何終端執行 Flutter 命令，將 flutter 新增到 path 中

1. 確定 flutter sdk 的目錄 如：/www/self/flutter
2. 開啟 $HOME/.bash_profile 檔案，新增：export PATH=/www/self/flutter/flutter/bin:$PATH
3. 執行 source $HOME/.bash_profile

注意，如果使用終端是 zsh,終端啟動時不會載入.bash_profile檔案，則需要在$HOME/.zshrc中新增source ~/.bash_profile 即可。

4. 驗證 flutter/bin是否在path中echo $PATH

此時再執行 flutter命令

• 安裝 XCode,可以在iOS裝置或模擬器上執行Flutter應用程式,此處不贅述安裝過程。

• IDE(VSCode) 配置 flutter 外掛

1. 啟動 VSCode
2. 檢視(View) > 命令皮膚(Command Palette)

   

3. 輸入 flutter, 然後選擇 Flutter: New Project
4. 輸入 Project 名稱 (如：dev_flutter), 回車
5. 指定應用目錄，建立應用

• 連線 iOS 模擬器 在 iOS 模擬器上測試 flutter 應用，步驟：

1. 執行 open -a Simulator 開啟 iOS 模擬器
2. 執行 flutter run 啟動 flutter 應用程式

搭建過程主要參考book.flutterchina.club/chapter1/in…