Flutter - Mac 开发环境配置

需要：Brew、Git 2.27+、Rosetta 2、Flutter JDK、Xcode、chrome、Android Studio（可选）、VS Code

参考：官网 & Flutter doctor & 查资料

Step 1：Brew、Git、Rosetta 2

1、下载 Brew

developer 一般都有，有的话跳过

2、下载 & 配置Git

developer 一般都有，有的话跳过

3、如果是App silicon cpu，必须安装Rosetta 2，官网要求

sudo softwareupdate --install-rosetta --agree-to-license

Step 2：Flutter SDK

1、下载

官网选择对应处理器 intel / silicon 下载 SDK
下载后解压至目标文件夹（目标自定）

在这里插入图片描述

# 推荐目标地址 RootStorage/User/Current username（$HOME）文件夹下建立
development

2、配置环境变量

启动终端，使用自己的文本编辑器（自选）增加环境变量

#查看环境变量文件 /bin/zsh or /bin/bash_profile
echo $SHELL

#使用编辑器，编辑环境变量
vim ~/.zshrc

#Flutter 配置
export FLUTTER=$HOME/development/environment/flutter
export PATH=$FLUTTER/bin:$PATH

#加载配置
source ~/.zshrc

#linux vim 部分命令
[ i ] insert开始输入，编辑完成后按
[ esc ] 退出编辑模式
[ : ] 可以输出命令，wq：保存退出，q：退出，q!：不保存退出

3、验证

终端运行

flutter --version

Step 3：Flutter Doctor

1、终端执行Flutter Doctor 查看所需软件等

flutter doctor

2、查看结果
在这里插入图片描述

Step 4：Network resources（CN only）

1、三大来源站列表

maven.google.com google的maven库资源站
pub.dev dart和flutter的官方开放库资源站
github.com

2、maven

修改flutter解压的地址的下面路径的文件
删除flutter目标地址下的bin/cache文件

~flutter/packages/flutter_tools/lib/src/http_host_validator.dart

# const String kMaven = 'https://maven.google.com/'；
# 修改为
const String kMaven = 'https://maven.aliyun.com/repository/google/';

3、pub.dev

修改环境变量

#进入文件
vim ~/.zshrc

#i 插入
# Flutter镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#加载配置
source ~/.zshrc

Step 5：Xcode

iOS apps dev

1、Xcode

#同意Xcode开发许可
sudo xcodebuild -license
agree

2、CocoaPods

#没有CocoaPods,安装一下
brew install cocoapods
#查看验证
pod

3、Xcode simulator

#doctor提示Xcode没有模拟机
#或者进入xcode软件，下一个模拟机
xcodebuild -downloadPlatform iOS

4、Xcode installation is incomplete

#doctor提示Xcode安装不完整
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

Step 6：Android Studio

Android apps dev

1、下载

国外：官网
国内镜像：https://developer.android.google.cn/studio?hl=zh-cn

2、安装

选custom安装，可以调整SDK安装位置（可选）

3、启动&设置（可参考Windows比较详细）

安装 Android SDK Command-line Tools（lastest）

#欢迎界面
customize -> all settings -> languages & Frameworks -> Android SDK -> SDK Tools 
勾选 -> Android SDK Command-line Tools（lastest）-> apply

模拟机

#欢迎界面
projects -> more actions -> virtual device manager -> 新建&现有模拟器 -> 启动尝试

4、Flutter & Android Studio

Flutter 获取 Android Studio license（全部’y’ ）

flutter doctor --android-licenses

Flutter config 配置 SDK（如果修改过Android Studio SDK地址）

flutter config --android-sdk <sdk_url>
# 例子：/Users/zs/development/environment/android/sdk

Step 7：Others

1、chrome - web dev（基本都会安装吧）

2、vs code - code editor (官方推荐)

插件：Flutter

Step 8：Doctor check

1、执行flutter doctor之后，全部✅，打完收工✅！
在这里插入图片描述