Flutter開發環境配置（MAC版）

宋魚000發表於2019-09-17
Flutter開發環境Mac

一、配置映象

  1. 開啟命令終端，輸入命令open ~/.bash_profile,開啟bash_profile文字，新增映象路徑並儲存
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://flutter-io.cn
複製程式碼

（該路徑會有變化，可以關注Flutter社群，隨時更新）

  1. 命令終端，輸入命令source ~/.bash_profile,執行映象配置生效

二、配置flutterSDK

  1. flutter官網下載flutter SDK，放置在某個目錄中（我放在Documents目錄下）
  2. 將sdk路徑錄入到bash_profile中，輸入命令open ~/.bash_profile,開啟bash_profile文字，新增sdk檔案路徑並儲存
export PATH=~/Documents/fluttersdk/bin:$PATH
複製程式碼

Documents為目錄，fluttersdk為sdk資料夾

三、通過命令終端執行專案工程

cd到對應的專案工程中執行命令：

flutter emulators // 檢視當前模擬器
flutter emulator --launch apple_ios_simulator -  // 啟動模擬器
flutter run // 執行專案工程，若有多個裝置連線，需要 -d <裝置的id>執行某個模擬器
複製程式碼

四、檢視Android和iOS的依賴是否缺失

在終端中執行flutter doctor檢視Android和iOS的開發環境，監測到依賴若有缺失，會給出缺失的依賴的安裝結果，依照提示進行安裝即可。

五、iOS工具鏈配置-可執行在iOS真機裝置中

在命令終端執行相關命令：

brew update
brew install --HEAD usbmuxd  // usbmuxd是一個與iOS裝置建立多路通訊連線的socket守護程式，通過它，可以將USB通訊抽象為TCP通訊
brew link usbmuxd
brew install --HEAD libimobiledevice // libimobiledevice是一個與iOS裝置進行通訊的跨平臺協議庫
brew install ideviceinstaller // ideviceinstaller 是一個使用他們在iOS裝置上管理APP的工具
複製程式碼

六、Android工具鏈配置

開啟Android Studio應用，開啟選單項Preferences > Plugins中搜尋Flutter外掛並點選install進行安裝

七、VS Code配置

開啟 VS Code，可點選 View -> Command Palette，搜尋flutter並點選install進行安裝

相關文章