Flutter-Mac環境配置、xcode打開Flutter項目


環境配置

Flutter SDK 安裝

下載完成后解壓將其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

或(指定iOS與Android開發環境)

flutter create -i objc -a java 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即可。

方法二、終端執行:

open ~/.zshrc

如不存在文件執行:

vim ~/.zshrc

繼續執行:

open ~/.bash_profile

將 bash_profile 中的內容copy到 zshrc 文件中,保存zshrc文件 :wq 回車

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM