Flutter在Mac上搭建IOS開發環境

1. 準備工作

1. 升級 Macos 系統爲最新系統;

2. 安裝最新的 Xcode;

3. 電腦上面需要安裝 brew,地址 https://brew.sh/

在命令窗口執行以下代碼完成安裝:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

2. 配置Flutter

1. 下載 Flutter SDK;

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

2. 把下載好的SDK解壓到應用程序下,/Applications/flutter;

3. 配置Flutter環境變量;

把 Flutter 安裝目錄的 bin 目錄配置到環境變量, 然後把 Flutter 國內鏡像也配置到環境變量裏面。

(1). 打開文件;

open ~/.bash_profile

(2). 添加環境變量;

export PATH=/Applications/flutter/bin:$PATH

export PUB_HOSTED_URL=https://pub.flutter-io.cn

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

(3). 重新加載一下;

source ~/.bash_profile

4. 檢測是否配置成功;

在命令行執行 flutter -h

如果能出來一些命令說明 Flutter SDK 配置成功,如果提示 Flutter 不是內置命令之類的錯誤的話則沒有配置成功。

 

3. 檢查環境

運行 flutter doctor 命令。

第一次運行該命令會提示下面的錯誤。

根據提示,需要安裝所需的依賴包,根據上面的提示,分別執行以下命令。

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

brew update

brew install --HEAD usbmuxd

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup

執行完成上面命令後然後重新執行flutter doctor,如果出現下面紅框裏的提示,表明安裝成功。

 

4. 在 Vscode 中配置 開發 Flutter 項目

1. 安裝 Flutter 插件

2. 安裝 Dart 插件

3. 生成項目

shift + command + p,打開命令面板,選擇 Flutter:New Project

4. 運行 Flutter 項目

在命令行輸入flutter run

r 鍵: 點擊後重新加載;
p 鍵: 顯示網格;
o 鍵: 切換 android 和 ios 的預覽模式;
q 鍵: 退出調試預覽模式;


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章