Mac OS 配置Flutter 环境变量

由于刚开始使用mac 系统,还不是很熟悉,遇到了一些坑,所以希望这些能帮助大家。

注意,本文中所有用[]包起来的,都是用于方便阅读,需要复制时直接复制里面的内容,不要复制这个括号

1.下载Flutter SDK

这里是官方下载链接 地址, 选择这个[Stable channel (macOS)] 里最新的就可以啦,下载完成后解压放到本地目录中,然后将路径复制下来备用,示例如下:/Users/Acen/Flutter/flutter,(注意:一定要是你本地解压出来的那个文件夹的全路径)

2.配置环境变量

这是我最艰难的一步
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,以下前两行这是我在官网直接复制来的镜像地址,具体以官网为准 官网地址

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export FLUTTER_HOME=/Users/gaofengsen/Flutter/flutter
export PATH=$FLUTTER_HOME/bin:$PATH

后两行是需要配置的变量,注意:需要将 [FLUTTER_HOME=] 后面的路径替换为第一步我说到让你备份下来的路径。
如果你是mac的老用户,可能你已经拿着上面的直接开始操作了,新用户可能一脸懵,我们一步一步来。

1.第一步,打开终端,输入 [vim /etc/profile] (注:vim后面就是有个空格的),然后回车,会进入到文件内容页.(有关vim常用命令,建议先参考这个 博客地址)

2.第二步

  • 1.按住键盘上的i,进入插入/编辑模式,
  • 2.把上面那四个经过你修改后的变量,粘贴到窗口里。
  • 3.粘贴完之后,按esc退出插入模式。键入以下内容[:wq]用于保存并退出当前窗口,(不要直接点左上角的x结束当前窗口)。在你输入后如果它提示你如下错误(如没提示错误,直接进入·4 ):

MAC ‘readonly‘ option is set (add ! to override)
-该错误为当前用户没有权限对文件作修改

那我们就使用[:w !sudo tee %]命令用于解决上面的错误。
如果让你输入密码

输入完密码后,根据提示回车就可以了,然后再键入[:q]关闭当前窗口。

如果没有让你输入

建议关闭当前窗口,重新在命令行输入[sudo passwd root]创建root密码,随后重新走一遍流程(即从第一步重新开始)

  • 4.完成 ·3 之后,这个时候你应该回到了最初的那个窗口,然后我们键入
    [source /etc/profile] 使刚才的配置生效这是展示最初的那个窗口

  • 5.键入[flutter --version]查看是否成功,如出现以下内容,即成功
    在这里插入图片描述

  • 6.键入[flutter doctor] 用于检查flutter是否有配置错误,如图,我们一个个解决
    在这里插入图片描述

  • 7.看第一个错误[cmdline-tools component is missing],这个其实就是说我们Android SDK tools缺失,打开我们的Android Studio进入设置页面,按照步骤进行操作,下载完成后,记得重启Android Studio
    在这里插入图片描述
    接下来我们在终端重新键入[flutter doctor]查看是否成功,如果没有,请检查那四个是否全部勾选并下载,并且你是在重启完Androdi Sutdio后执行的命令。如果出现下图
    在这里插入图片描述
    说明我们刚才的已经生效,然后我们按照命令行的提示键入
    [flutter doctor --android-licenses]来同意协议,接下来跟着提示一路按y就可以了。最后我们再次键入 [flutter doctor],出现如下内容,就代表第一个问题已经解决了
    在这里插入图片描述
    到这里,你就可以下载相关的ide来运行flutter了,如果你是Android 开发可以直接使用Android Studio进行配置,具体使用,详见 Flutter中文网入门教程 ,另外有关 X code 和 Android Studio 的配置我在学习后会发一篇文章来记录。

最后,感谢这几位大佬的文章 mac os flutter环境搭建错误解决mac vim 保存退出_linux中vim常见用法址cmdline-tools component is missing

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值