Windows 10安装配置Flutter开发环境

2022年04月03日 18:56

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。

前段时间Macbook送修，只能拿Windows电脑来写代码，重新搭建了一下Flutter的开发环境，这是搭建环境的记录过程。

Flutter SDK版本：2.8.1

Android Studio版本：Arctic Fox 2020.3.1 Patch 4

下载Flutter SDK

官网下载最新版SDK，这里的版本是2.8.1，下载地址：flutter.cn/docs/get-st… 注意，下载完成后，解压时务必注意官方的指示，不要将SDK放到更高权限的文件夹，最好是放C盘之外的自定义目录。

请注意 请勿将 Flutter 安装在需要高权限的文件夹内，例如 C:\Program Files\。

修改Flutter的maven镜像

在flutter安装目录下的packages\flutter_tools\gradle，修改flutter.gradle文件：

repositories {
   // google()
   // jcenter()
   maven{ url 'https://maven.aliyun.com/repository/google' }
   maven{ url 'https://maven.aliyun.com/repository/jcenter' }
   maven{ url 'http://maven.aliyun.com/nexus/content/groups/public'}
}
复制代码

修改系统环境变量

开始菜单输入"env"打开环境变量界面，在环境变量的当前用户的PATH中增加flutter的bin目录地址。同时增加两个环境变量，以便指定futter pub get的获取插件仓库。

FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn

PUB_HOSTED_URL
https://pub.flutter-io.cn
复制代码

安装Android Studio

按照指引正常安装就行，记得安装emulator。之后需要按照命令行工具，在（Android SDK）目录（可以通过Android Studio查看安装目录，如下图）的/tools/bin目录下，使用sdkmanager安装命令行工具（参考：developer.android.com/studio/comm…）。命令如下：

sdkmanager --install "cmdline-tools;latest"
复制代码

会出现询问是否同意license的询问，输入“Y”回车表示同意即可。

添加SDK license

运行如下命令：

flutter doctor --android-licenses
复制代码

会出现好几个license，一路输入“Y”同意即可。

检查安装结果

运行flutter doctor检查，没问题就说明安装OK了。

踩坑记录

flutter doctor一直运行卡住：发现是将flutter的目录放到了C:/program files下，根本没法执行（Windows系统也没有反馈），需要将flutter目录移到C盘以外其他盘的自定义目录就好了。还有就是科学上网的问题了，设置系统环境变量和maven镜像就好了。
模拟器运行报错，提示项目路径有非ASCII字符，注意一下flutter的项目目录不可以有中文。

我是岛上码农，微信公众号同名，这是Flutter 入门与实战的专栏文章，提供体系化的 Flutter 学习文章。对应源码请看这里：Flutter 入门与实战专栏源码。如有问题可以加本人微信交流，微信号：island-coder。

👍🏻：觉得有收获请点个赞鼓励一下！

🌟：收藏文章，方便回看哦！

💬：评论交流，互相进步！