美文网首页
MacOS系统下flutter环境配置

MacOS系统下flutter环境配置

作者: MichealXXX | 来源:发表于2023-08-26 14:11 被阅读0次

准备工作

首先搭建flutter的环境需要使用到flutter的sdk,可以直接跳去官网进行下载,下载时要注意你电脑所使用的芯片是Intel的还是苹果的芯片。

确定电脑上的芯片类型
下载好的flutter SDK是一个压缩文件如下图所示

把它解压后放到我们的用户目录下

开始环境配置

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+.即可展示隐藏文件。


使用文本编辑打开文件插入代码即可。

注意
保存后一定要使用source ~/.bash_profile命令使其生效

3.检查是否安装成功
在flutter目录下输入flutter -h如果打印出以下信息说明安装成功

4.检查flutter运行环境是否正常
在flutter目录下输入flutter doctor可能会打印出如下信息


因为我的电脑里面之前是有安装Android Studio的,所以没有报未安装Android Studio的错误,如果报了未安装的错误,可以去官网下载安装即可。安装完毕打开AS安装flutter插件。

安装完再次执行flutter doctor指令就会出现如上图所示的错误信息。

5.配置AS内部选项
点击AS的more actions的菜单选项


选择SDK Manager,确保下图中的四个选项都进行了勾选

然后再次使用终端执行flutter doctor命令,会出现如下提示

只需要跟随指引输入以下指令
flutter doctor --android-licenses

然后一路y下去即可,如下图显示状态说明配置成功!

可能遇到的问题

在执行flutter doctor命令的时候可能会出现下面的这个错误信息


说明没有访问这个文件夹的权限,在终端写入如下命令即可解决

注意:要填写对应没有权限的文件夹路径

sudo xattr -c -r /Users/<mac_name>/Library

相关文章

网友评论

      本文标题:MacOS系统下flutter环境配置

      本文链接:https://www.haomeiwen.com/subject/sjnbmdtx.html