Mac 电脑搭建 FlutterIos 环境以及让

Flutter 运行在 ios 设备上

目录

一、准备工作........................................................................................................................... 1

二、下载Flutter、配置Flutter环境变量、配置Flutter镜像............................................. 1

三、运行flutterdoctor命令检测环境.................................................................................. 3

四、配置FlutterIos环境........................................................................................................ 4

四、命令行工具生成Flutter项目.......................................................................................... 7

五、修改FlutterSdk目录的权限以及项目的权限............................................................... 8

六、Xcode打开flutter项目模拟器运行项目..................................................................... 9

七、在Vscode中配置 开发Flutter项目............................................................................ 10

一、准备工作

1 、升级Macos系统为最新系统
2 、安装最新的Xcode
3 、电脑上面需要安装brew https://brew.sh/

二、下载 Flutter 、配置 Flutter 环境变量、配

置 Flutter 镜像

1 、下载 FlutterSDK

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

2 、把下载好的 FlutterSDK 随便减压到你想安装 Sdk 的目录如
/Users/aisheng/flutter_mac/flutte

3 、把 Flutter 安装目录的 bin 目录配置到环境变量，然后把 Flutter 国内镜像也配置到环境
变量里面

im ~/.bash_profile

export PATH=/Users/aishengwanwu/flutter_mac/flutter/bin:$PATH export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

source ~/.bash_profi

flutter-h 如果能出来一些命令说明fluttersdk配置成功。

注意如果配置完成后输入flutter-h告诉你flutter不是内置命令之类的错误的话，可能sdk
没有配置成功，也可能sdk下载的时候没有下载全

三、运行 flutterdoctor 命令检测环境

第一次运行 flutterdoctor的时候会提示下面错误

✗ libimobiledeviceandideviceinstallerarenotinstalled.Toinstallwith
Brew,run:
brewupdate
brewinstall--HEADusbmuxd
brewlinkusbmuxd
brewinstall--HEADlibimobiledevice
brewinstallideviceinstaller
✗ ios-deploynotinstalled.Toinstall:
brewinstallios-deploy
✗ CocoaPodsnotinstalled.
CocoaPodsisusedtoretrievetheiOSplatformside'splugincodethat
respondstoyourpluginusageontheDartside.
WithoutresolvingiOSdependencieswithCocoaPods,pluginswillnotwork
oniOS.
Formoreinfo,seehttps://flutter.dev/platform-plugins
Toinstall:
brewinstallcocoapods
podsetup

四、 配置 FlutterIos 环境

1 、如果电脑上面没有安装 brew 的话首先第一步需要安装 brew

https://brew.sh/

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2 、分别执行下面命令

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

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

brew update

brew install --HEAD

brew link usbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller ios-deploy cocoapod

pod setup

注意：如果运行命令失败请运行 brewdoctor并按照说明解决问题。

执行完成上面命令后然后重新运行： flutterdoctor 如果出来下图表示 ios 的环境配置完成

四、命令行工具生成 Flutter 项目

sudo flutter create flutterdemo

五、修改 FlutterSdk 目录的权限以及项目的

权限

六、 Xcode 打开 flutter 项目 模拟器运行项

目

注意：打开项目之前一定要修改权限

七、在 Vscode 中配置 开发 Flutter 项目

1 、 Vscode 中安装 Flutter 插件 Dart 插件。

2 、 Vscode 中打开 flutter 项目进行开发

3 、运行 Flutter 项目

flutter run

r 键：点击后热加载，也就算是重新加载吧。
p 键：显示网格，这个可以很好的掌握布局情况，工作中很有用。
o 键：切换android和ios的预览模式。
q 键：退出调试预览模式。