flutter环境配置-mac-android
前言
由于要配置flutter,官网的太不详细了,根据查的内容踩了不少坑。例如创建fullter项目的按钮一直不出现,flutter命令一直失败等问题。因此在这里再做一个总结,希望能帮助配置flutter的android开发人员。
1. 下载androidstudio
前往官网下载 https://developer.android.google.cn/studio并安装
2. 下载flutter
进入官网https://flutter.cn/docs/get-started/install/macos,根据mac系统选择下载,不要下错了哦。
![](https://img.haomeiwen.com/i3679520/daebf766a6d284a2.png)
3. 下载后解压到你自己想放置的文件夹
例如我的放在了文稿里的FlutterSdk文件夹下
![](https://img.haomeiwen.com/i3679520/5063634a637439c8.png)
4. 配置path
打开终端,输入open .bash_profile添加以下三行 ,将自己的flutter文件夹存放的位置替换一下。
export PATH=/Users/cross/Documents/FlutterSdk/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
![](https://img.haomeiwen.com/i3679520/3c9763775f98566c.png)
5. 配置path2
输入open .zshrc命令,将.bash_profile文件里的这三行复制进来
![](https://img.haomeiwen.com/i3679520/fed9bd10407f829c.png)
6. 运行配置
分别执行下面代码,将上面环境变量应用
source ~/.bash_profile
source ~/.zshrc
7. 配置android studio
打开 android studio --->SDK Manager,,将图中选择的勾选上。
![](https://img.haomeiwen.com/i3679520/bee6e2de0dcdede3.png)
8. 配置android studio的插件
安装3个插件,在preferences里找到plugins,搜索Flutter 、Dart与Android APK Support安装
![](https://img.haomeiwen.com/i3679520/65f94e2d7c98a557.png)
![](https://img.haomeiwen.com/i3679520/ccc535845b0bec6b.png)
![](https://img.haomeiwen.com/i3679520/fdf54bf52608924b.png)
9. 设置android studio中flutter和dart所在的位置,之后就可重启android studio
![](https://img.haomeiwen.com/i3679520/4bcd39be933830a2.png)
![](https://img.haomeiwen.com/i3679520/a73c776b17ad1478.png)
10. 运行flutter doctor看看有没有错,一般都会有问题。先输入 flutter doctor --android-licenses 命令,在随后的提示中不停输入 y 后,再次输入执行 flutter doctor 。如果还有错误输入flutter doctor -v看详细信息。
如果遇到了androidstudio 版本无法识别等错误(这个是我遇到的),原因是因为之前的老版本android studio没有彻底删除,可以根据flutter doctor -v命令的详细信息看到android studio在哪里安装,检查是否对不上目前的版本位置。
![](https://img.haomeiwen.com/i3679520/7d1ef595dc96b1cc.png)
11.创建flutter项目
这里我一直以为点new flutter project后点new project,一直不对,原来不是这样的,😭。具体如下↓
![](https://img.haomeiwen.com/i3679520/ba912d2b9dd6031c.png)
点flutter,确认sdk无误,点next
![](https://img.haomeiwen.com/i3679520/e1e68f0e05e85b2f.png)
![](https://img.haomeiwen.com/i3679520/60dc27f1b8caec6b.png)
点击create后便可成功创建flutter项目
参考网站
https://www.rstk.cn/news/78529.html?action=onClick
http://www.taodudu.cc/news/show-5536629.html?action=onClick