環境配置
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 選中除錯模擬器,vscode終端執行:
flutter run
注意,如執行 flutter run 后出現:zsh: command not found: flutter,打開Mac 終端執行:
vim ~/.zprofile
然后退出保存,重啟vscode即可,
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/437952.html
標籤:其他
