macOS安装和配置Flutter开发环境

 

一、准备工作

1. 建议升级Macos系统为最新系统
2. 在AppStore安装最新的Xcode
3. 安装brew：英文：https://brew.sh/ 或 中文 https://brew.sh/index_zh-cn

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

1、获取指定版本的Flutter SDK安装包：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos    或  https://flutter.cn/docs/development/tools/sdk/releases ‘

或者通过下方克隆命令下载

2、将文件解压到目标路径，比如：

cd ~/development

解压文件命令

unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

如果你不想安装固定版本的安装包，你可以跳过解压步骤 。Git克隆下载Flutter SDK文件

 git clone https://github.com/flutter/flutter.git

你可以根据需要切换选择分支，比如用下面的参数获得稳定版本：

 git clone https://github.com/flutter/flutter.git -b stable --depth 1

3、配置Flutter的PATH环境变量（mac配置环境变量：参考https://blog.csdn.net/u010217055/article/details/112907363）

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 下载的时候没有下载全。

三、配置Flutter Ios环境

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

英文：https://brew.sh/ 或 中文 https://brew.sh/index_zh-cn

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

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

 

执行完成上面命令后然后重新运行：

flutter doctor 

 如果出来下图表示 ios 的环境配置完成

xcode - develop for ios and macOS 前面显示绿勾。

四、命令工具生成Flutter项目

sudo flutter create flutterdemo

 

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

分别cd到Flutter Sdk目录调用下方命令修改文件夹权限

sudo chmod -R 777 *

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

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