Mac电脑搭建Flutter Ios环境以及让Flutter运行在ios设备上

发布于 5 个月前 作者 phonegap100 132 次浏览 最后一次编辑是 5 个月前 来自 分享

Mac电脑搭建Flutter Ios环境以及让Flutter运行在ios设备上的话我们需要经历一下步骤

一、 Mac电脑搭建Flutter Ios环境准备工作 二、 下载Flutter、配置Flutter环境变量、配置Flutter镜像 三、 运行flutter doctor 命令检测环境 四、 配置Flutter Ios环境 五、 命令行工具生成Flutter项目 六、 修改Flutter Sdk目录的权限以及项目的权限 七、 Xcode打开flutter项目 模拟器运行项目

1、Mac电脑搭建Flutter Ios环境第一步:Mac电脑搭建Flutter Ios环境准备工作

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

2、Mac电脑搭建Flutter Ios环境第二步:下载Flutter、配置Flutter环境变量、配置Flutter镜像

1、下载Flutter SDK

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

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

aa.png

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


vim ~/.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_profile

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

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

3、Mac电脑搭建Flutter Ios环境第三步:运行flutter doctor 命令检测环境

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

fff.png

4、Mac电脑搭建Flutter Ios环境第四步:配置Flutter Ios环境

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

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

fd.png

5、Mac电脑搭建Flutter Ios环境第五步:命令行工具生成Flutter项目

sudo flutter create flutterdemo

aaaa.png

6、Mac电脑搭建Flutter Ios环境第六步:修改Flutter Sdk目录的权限以及项目的权限

6666.png

7、Mac电脑搭建Flutter Ios环境第七步:Xcode打开flutter项目 模拟器运行项目

注意:打开项目之前一定要修改权限 777.png

运行项目

8.png

回到顶部