likes
comments
collection
share

Windows 10安装配置Flutter开发环境

作者站长头像
站长
· 阅读数 20

一起养成写作习惯!这是我参与「掘金日新计划 · 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目录地址。 Windows 10安装配置Flutter开发环境 同时增加两个环境变量,以便指定futter pub get的获取插件仓库。 Windows 10安装配置Flutter开发环境Windows 10安装配置Flutter开发环境

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”回车表示同意即可。 Windows 10安装配置Flutter开发环境 Windows 10安装配置Flutter开发环境

添加SDK license

运行如下命令:

flutter doctor --android-licenses

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

检查安装结果

运行flutter doctor检查,没问题就说明安装OK了。 Windows 10安装配置Flutter开发环境

踩坑记录

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

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

👍🏻:觉得有收获请点个赞鼓励一下!

🌟:收藏文章,方便回看哦!

💬:评论交流,互相进步!