flutter在mac系统中的环境搭建 - 1

针对Android开发者Flutter环境搭建流程

1. 在系统的环境变量中配置国内镜像

> export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

配置过程:

打开终端
vim .bash_profile
将上述镜像添加进用户环境变量中
source .bash_profile
完成

2. 下载Flutter sdk

地址:https://flutter.io/sdk-archive/#macos
也可以到官网查看

3. 解压下载好得sdk 解压到系统的某个文件夹下

4. 配置flutter sdk的环境变量 到环境变量中

配置过程如下:
打开终端
vim .bash_profile
找到刚解压好得flutter sdk文件夹,复制路径: /Users/mac/Documents/flutter/bin
将改路径配置到环境变量中就可以了
在这里插入图片描述
保存下 执行下边的刷新命令就行了
source .bash_profile
完成

5. 怎么检验有没有配置成功那?执行 flutter doctor 命令就可以检验了

6. 出现这些东西就说明 flutter 环境变量已经配置好了, 只不过还需要处理一些问题

在这里插入图片描述

7. 如果暂时不需要考虑ios的话 就只需要处理 感叹号Android位置的错误就可以了 根据里面的提示执行下里面的命令吧

8. 先来解决第一个Android的问题吧 我试了下 执行提示的命令居然不行,怎么办那?

> ✗ cmdline-tools component is missing
>       Run `path/to/sdkmanager --install "cmdline-tools;latest"`
>       See https://developer.android.com/studio/command-line for more details.

解决方法:
直接从Android studio中去安装相应的命令行工具的最新版本吧
下边是步骤:
在这里插入图片描述
在这里插入图片描述
安装完成之后 重新启动下Android studio ,再次打开电脑中的终端,执行flutter doctor命令,查看flutter环境
在这里插入图片描述

9. 这次发现Android环境监测那一项 就只剩下licenses的相关感叹号了,这个直接执行提示的命令就可以了

在这里插入图片描述
执行后 一直输入y 同意所有的协议就行了 不同意的话 流程过不掉 必须得同意所有的协议

再次输入 flutter doctor 监测环境

在这里插入图片描述
出现这种 就说明除了ios的环境没配置之外,所有的环境都已经配置完毕了。

如果使用Android Studio开发Flutter程序的话,这个时候你可以认为flutter环境已经全部配置好了。

最后我们需要在Android studio中 安装两个插件 这个也是开发flutter 必须要安装的插件
flutter
dart

这两个插件必须在Android Studio中去安装下

在这里插入图片描述

在这里插入图片描述
安装完两个插件之后 重启Android Studio 就可以开发Flutter程序了

猜你喜欢

转载自blog.csdn.net/weixin_39170886/article/details/126833359