下载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开发环境