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 键： 退出调试预览模式；