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 鍵: 退出調試預覽模式;