准备工作
首先搭建flutter的环境需要使用到flutter的sdk,可以直接跳去官网进行下载,下载时要注意你电脑所使用的芯片是Intel的还是苹果的芯片。
![](https://img.haomeiwen.com/i2572187/7452cbb6832a9fe3.png)
下载好的flutter SDK是一个压缩文件如下图所示
![](https://img.haomeiwen.com/i2572187/bb26284d3ae6a1ec.png)
把它解压后放到我们的用户目录下
![](https://img.haomeiwen.com/i2572187/5c78021fac5c10bd.png)
开始环境配置
1.打开我们的终端输入以下两句命令
cd /Users/<mac_name>
vim ~/.bash_profile
注意
要和你的flutter文件在同一级目录下,比如你的电脑名称叫imac888,那我们就要cd /Users/imac888
2.编写.bash_profile文件
可以使用终端直接加入以下两行代码
export PATH=/Users/<mac_name>/flutter/bin:$PATH
export PATH=/Users/<mac_name>/flutter/bin/cache/dart-sdk/bin:$PATH
不习惯使用终端也可以直接操作文件,这个文件是一个隐藏文件,所以在用户目录下使用快捷键shift+command+.
即可展示隐藏文件。
![](https://img.haomeiwen.com/i2572187/97e466bb09b8aabb.png)
使用文本编辑打开文件插入代码即可。
![](https://img.haomeiwen.com/i2572187/a8861f94a3589a8f.png)
注意
保存后一定要使用source ~/.bash_profile
命令使其生效
3.检查是否安装成功
在flutter目录下输入flutter -h
如果打印出以下信息说明安装成功
![](https://img.haomeiwen.com/i2572187/d7cfb83256586a4d.png)
4.检查flutter运行环境是否正常
在flutter目录下输入flutter doctor
可能会打印出如下信息
![](https://img.haomeiwen.com/i2572187/926403c5f12ec0a3.png)
因为我的电脑里面之前是有安装Android Studio的,所以没有报未安装Android Studio的错误,如果报了未安装的错误,可以去官网下载安装即可。安装完毕打开AS安装flutter插件。
![](https://img.haomeiwen.com/i2572187/b0a5a58a2f558c38.png)
安装完再次执行flutter doctor
指令就会出现如上图所示的错误信息。
5.配置AS内部选项
点击AS的more actions
的菜单选项
![](https://img.haomeiwen.com/i2572187/f1c06003723f0b49.png)
选择
SDK Manager
,确保下图中的四个选项都进行了勾选![](https://img.haomeiwen.com/i2572187/567abd55f55f6eee.png)
然后再次使用终端执行
flutter doctor
命令,会出现如下提示![](https://img.haomeiwen.com/i2572187/c583d4b049162c70.png)
只需要跟随指引输入以下指令
flutter doctor --android-licenses
然后一路y
下去即可,如下图显示状态说明配置成功!
![](https://img.haomeiwen.com/i2572187/2277204220fae82a.png)
可能遇到的问题
在执行flutter doctor
命令的时候可能会出现下面的这个错误信息
![](https://img.haomeiwen.com/i2572187/dd0f67c2709ac129.png)
说明没有访问这个文件夹的权限,在终端写入如下命令即可解决
注意:要填写对应没有权限的文件夹路径
sudo xattr -c -r /Users/<mac_name>/Library
网友评论