前言
下面环境搭建基于window
和Android Studio
搭建Flutter开发环境
下载sdk
去flutter官网下载其最新可用的安装包,下载地址 https://flutter.dev/docs/development/tools/sdk/releases
将安装包zip解压到你想安装Flutter SDK的路径
添加环境变量
打开控制面板,找到环境变量,修改环境变量。在用户变量下找到Path, 追加 flutter\bin的全路径,使用 ; 作为分隔符。
在cmd
或 power shell
下运行 flutter
,如果下图表示添加成功。
运行 flutter doctor命令
在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:
flutter doctor
该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。
第一次运行flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。缺失的依赖需要安装一下,安装完成后再运行flutter doctor命令来验证是否安装成功。
运行结果如图:
其中:
- [√] 表示该项没有问题
- [!] 表示该项存在部分问题
- [X] 表示该项找不到或有严重错误
第一个问题:需要下载 Android Studio
,地址:https://developer.android.google.cn/studio/install.html
下载完安装包运行,就按照默认设置一路next
即可,安装完成后我们需要安装一些常用插件:
再次运行:
问题: cmdline-tools component is missing,因为没安装cmdline-tools工具
解决:首先打开andriod studio,按照下图点击
问题: Some Android licenses not accepted.
解决:运行 flutter doctor --android-licenses
,会出来一些选项,全都选择y
(如果你的flutter是3.3,那么你的jdk需要17否则这个命令会执行失败)
问题: Visual Studio - develop for Windows (Visual Studio 15 生成工具 2017 15.9.47)
解决:下载Visual Studio
,下载地址:https://visualstudio.microsoft.com/zh-hans/downloads/
运行安装程序后,选择 使用 C++ 进行桌面开发工作负载,包括其所有默认组件
基本上是说,如果您想为 Windows 开发 Flutter 应用程序,则需要安装Visual Studio 2022,在安装 Visual Studio 2022 时,您需要下载:Desktop development with C++
问题:HTTP Host availability check is taking a long time…[!] HTTP Host Availability
这个可以忽略,国内网络目前无解,不影响开发使用。
再次运行 flutter doctor
,可以看到问题已经解决
------------------------------------------分割线-------------------------------------------------
换了台新电脑是win11,结果有出现了一些其他问题,再次整理一波。
问题: Windows Versin (Unable to confirm if installed Windows version is 10 or greater)
解决方法见:Windows11安装Flutter
这篇文章里也介绍了一下常见问题
问题:缺少Java,之前没遇到这个问题,可能是旧电脑里有Java的环境😒
建议下载jdk17(对应flutter jdk3.3),安装在默认路径下,版本过高了好像会有问题。jdk安装后配置环境变量,具体可以看一下jdk安装和配置
配置完后,输入java可能还提示没有,可以重新打开cmd再试一下。安装成功如下:
重新运行了一下 flutter doctor
,还是存在该问题。查了一下2022.1.1以后的Android studio移除了jre目录,所以
- 要么用低版本的(不建议)
- 打开你的Android目录,将
jbr
文件夹里的东西复制一份到jre
文件夹里
这样就解决了这个问题
问题:Cannot find the executable for where. This can happen if the System32 folder (e.g. C:\Windows\System32 ) is removed from the PATH environment variable
解决:
修改依赖下载地址
flutter下载依赖默认是从https://pub.dev/进行下载,但是网站在国外,打开都费劲,更别说下载依赖了。这是我们可以使用国内源,比如官方 Flutter 社区的国内镜像 https://pub-web.flutter-io.cn/
切换源需要设置一下环境变量,在用户变量里添加下面两个
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
PUB_HOSTED_URL https://pub.flutter-io.cn
设置后需要重新启动一下 Android studio,后面下载依赖时就会从国内地址下载。
项目创建
这里我们采用命令行的方式创建,简单不容易出错
flutter create 项目名称
通过Android Studio
打开该项目
第一次运行比较慢,会下载一些依赖,大约15分钟,app启动成功。
现在除了在移动端设备上运行外还支持 浏览器和桌面端(感觉牛叉啊,一套代码各种编译)