Mac上Flutter配置2020

下载Flutter

cd到指定的目录

git clone -b master https://github.com/flutter/flutter.git

然后将flutter复制到/opt中，没有可以创建一个文件夹，一般是隐藏了的

image.png

/opt/flutter/bin/flutter --version

环境变量

进入环境变量编辑

vim ~/.zshrc

配置环境变量flutter
点击 s进行编辑,将下方复制到环境变量中

# Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER=/opt/flutter/bin
export PATH=$FLUTTER:$PATH

点击ESC退出编辑模式
点击:wq保存并退出
注意你的/opt/flutter路径是要有你从网上下载的flutter

image.png

检查是否安装成功

退出终端程序并重新启动
检查输出路径是否为/opt/flutter/bin/flutter

which flutter

检测环境

flutter doctor

image.png

检测到我虽然下载了安卓studio但是没有添加环境变量所以需要在环境变量中添加

# 安卓
export ANDROID_HOME=~/Library/Android/sdk
#􏰢安卓模拟器路径
export PATH=${PATH}:${ANDROID_HOME}/emulator
# 安卓tools路径
export PATH=${PATH}:${ANDROID_HOME}/tools
# 安卓平台工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

完成后退出终端再次打开
再次进行检测

flutter doctor

image.png

可能是我没运行过安卓studio，于是我运行了一下，完成相关步骤后出现

image.png

再次检测

image.png
根据提示进行运行后再检测
image.png
然后打开安卓studio的偏好设置安装Flutter插件
image.png

完成后重启安卓studio就可以看到

image.png
再次检测后就成功了
image.png

配置安卓的模拟器

创建一个Flutter项目后点开模拟器进行创建

image.png
image.png

选择系统并进行下载

iOS配置

mac中需要有已经下载过的证书和运行过的设备
直接插上手机运行就行了

安卓配置

安卓配置

参考链接

Flutter环境搭建
官网在macOS上搭建Flutter开发环境