本教程适用于iOS开发者
本人19年就对Flutter感兴趣,但看flutter官网教程,在环境变量这一关卡住了,官网没有明确说明在哪配置,所以趁现在项目不忙,花了一些时间整理各种资料并实际操作配置成功,于是写了这一篇文章做一个精简版的总结
一 下载flutter SDK
在官网上https://docs.flutter.dev/release/archive?tab=macos#macos
下载flutter SDK 并将flutter SDK放在不轻易被删掉的位置 比如 / application
二、配置环境变量
打开终端 cd ~
如果你的终端是bash 则需要open ~/.bash_profile
会打开.bash_profile文件,如果没有这个文件,你需要先用命令 touch .bash_profile 创建。
如果你终端是zsh,则open ~/.zshrc 或者touch~/.zshrc
3.打开之后,添加如下配置:添加完之后command+s保存
主要是这一句 export PATH=$PATH:/Applications/flutter/bin
配置镜像
export FLUTTER_ROOT=你的flutter安装目录
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=你的flutter安装目录/bin:$PATH
4.更新配置的环境变量
在终端输入 source ~/.bash_profile 或者source ~/.zshrc
运行 flutter doctor 检查flutter是否正常 有没有问题
可能会有允许协议的问题 需要输入
flutter doctor --android-licenses
flutter --version 检查版本
三 下载Android studio安装Flutter和Dart插件
点击Plugines 分别输入 flutter \ dart 进行下载 然后下载Java SDK
下载相关的SDK工具。
打开studio的设置项,appearance&behavior--system settings--android sdk--sdk tools
把hide obsolete packages的勾选去掉,下载android sdk command-line Tools(latest)与Android SDK Platform-Tools
5、同意android的相关协议
flutter doctor --android-licenses
下载链接: https://www.oracle.com/java/technologies/downloads/
下载VScode
https://code.visualstudio.com/docs/?dv=osx
在扩展那一栏输入下载flutter \ dart
并在终端下 flutter doctor 进行检测。
四 创建项目
1. 终端创建
cd ~/desktop
flutter create 项目名
cd 项目名
Flutter run
2.使用vs code创建
打开vs code 按住command + shift + P 在输入框中输入 flutter 会有一个new project