MAC环境下 搭建Flutter运行环境

建议熟读 官方文档

接下来会用图文走官方流程,并对官方解释不清楚的地方做出补充。

一 下载Flutter SDK

官方下载地址:flutter官方SDK下载地址

 提示:尽量去下载最新的稳定版本。

 现在下载下来就是文件夹,不需要解压,所以官方文档解压的部分可以忽略。

二 配置运行环境

2.1

前提:把刚下载下来的文件夹复制到你理想的地方,记住这个地址,后面会用到

2.2

任意终端执行命令:

ls -a

查看是否存在 .bash_profile 文件,如果不存在执行命令:

touch .bash_profile

生成 .bash_profile 文件。执行 ls -a 命令查看文件是否创建成功。当看到如下图标红,继续进行下一步

2.3  

执行以下命令,打开.bash_profile文件

open .bash_profile 

 复制一下代码到 .bash_profile文件中

export PATH=/Users/admin/flu/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 注意 

export PATH=/Users/admin/flu/flutter/bin:$PATH 这个对应你理想位置的路径,解释如下

export PATH = <下载的flutter的位置>/flutter/bin:$PATH 

如果你不知道这个位置,请打开终端,把这个文件夹拖到终端里,就能看到位置了,就像下图这样,1指向的地址,就是上面<>里的地址。

2.4 

执行命令,刷新当前终端窗口。执行这个命令,看不到终端的变化,只要没有报错就行。

source ~/.bash_profile 

执行命令

flutter -h

如果看到如下图,则代表环境配置成功。

 2.5 

执行命令,运行以下命令查看是否需要安装其它依赖项来完成安装,也是检查flutter运行环境是否完全完成配置的最后一步。

flutter doctor

 笔者在执行这句命令的时候,终端如下图

 认真阅读一下打X的地方。现在我们来解决这个问题(前提,在MAC上已经安装好了Android Studio)。

打开Android Studio的偏好设置。快捷键(打开Android Studio,然后Command+,),按下图操作。

在这里插入图片描述

 等Android Studio执行完成,终端再次执行flutter doctor,再次看下终端。

根据提示执行,一路选择Y

flutter doctor --android-licenses

最后执行flutter doctor,如下图

 当我们看到如上图,说明MAC下Flutter运行环境已经完全配置成功。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值