前段时间刚拿到的 MAC 本,很多开发工具都没来的急装,只装了开发用到的一些必备工具。公司最近在大推flutter,刚好周日在家就想在新电脑上把 flutter 环境给搭好,可以进行一些基本的开发。由于以前在搭建过一次,本想着问题不大,可是还是遇到了很多坑。
基本环境配置
flutter 官方提供了环境安装的详细步骤,flutter中文网也有相对应的翻译,由于本人使用的是 mac电脑,参考 在macOS上搭建Flutter开发环境 里面有详细说明,其他环境可对应参照。
配置编辑器
官方推荐的编辑器有两种,一种是 Android Studio,另外一种是 VS Code。我们这里要安装的就是Android Studio。
Android Studio 下载
我是通过官网直接下载的最新版本编辑器 3.6.1。官网地址
第一次打开应用程序会出现是否导入 Android Studio 配置,直接选择不导入
1.png
之后会出现找不到 Android Sdk 提示,这里我们直接选择Cancel
2.png
进行下一步之后会出现如下提示,此处我们选择标准即可。
3.png
等下载完成后,我们使用终端执行以下命令 flutter doctor
出现如下提示:
4.png
这里总共有五项检测,我们只有第一项是满足的,第三项和第五项只是警告,问题不大。只有第二项和第四项出现了红色的x,这里是我们的当前需要解决的。
问题四
我们先看第四项,这里提示我们 Flutter 和 Dart plugin 未安装,如下图我们直接打开 Android 的配置项
5.png
找到 plugins 并搜索 dart
(优先安装)和 flutter
点击下载安装
6.png
安装成功后重启 Studio,这样就可以解决这个问题
问题二
接着我们在看第二问题提示我们 Android license status unknown. 根据提示我们打开地址 https://flutter.dev/setup/#android-setup,地址通过官方给出的提示,执行以下命令 flutter doctor --android-licenses
。执行完成后出现了如下错误提示
8.png
通过终端我们进入到给出提示的sdk目录,发现并没有 tools 这个目录
9.png
于是我们在 Studio 中 通过 Preferences 中找到 Android SDK 并选中 SDK Tools 如下图
10.png
默认是看不到 Android SDK Tools 的,我们去掉 hide obsolete packages 勾选项
11.png
我们看到了 Android SDK Tools 选中并下载。
12.png
下载完成后我们发现 sdk 目录下多了一个 tools目录
13.png
我们再次执行上面的 flutter doctor --android-licenses
此时会出现一系列的提示,我们按照提示直接输入 y 会车即可。
14.png
以上操作完成后我们再次执行 flutter doctor
发现这两个问题已经不存在了
15.png
到此我们整个 Android Studio 环境就配置成功,打开 Studio 选择 Start a new Flutter project
16.png
选择一个 Application 进入 next,发现 Flutter SDK path 为空无法进行下一步
17.png
不要慌,还记得前面我们搭建环境下载的flutter安装包吗,配置该目录位置,即可解决该问题。整个环境到这里也就搭建完成了。
网友评论