搭建Flutter开发环境(Window环境)

本文描述如何在 Windows 10 系统中安装 Flutter 开发环境。

官网下载 Windows 版本的安装包。如果访问官网有问题,也可以下载我放在网盘上的包:

链接: https://pan.baidu.com/s/11YERkHeDMGSB99VYLlUwGg
提取码: ru3e

安装并设置环境

解压下载的安装包。

在本文中,我将其解压在用户目录下的 d:\devel 目录中。完成这个操作后,flutter的目录是在: D:\Devel\flutter 中

设置系统环境变量: PATH

选择 “此电脑” -> “属性” -> “高级系统设置”, 在“高级”面板中选择 “环境变量”。 在系统变量找到 “Path”, 选择编辑,在对话框中选择 “新建”, 填入: D:\Devel\flutter\bin

保存以后,我们可以打开一个新的命令行窗口来测试一下,设置是否正确, 在命令行窗口执行:

1
flutter --version

如果配置正确,系统会显示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Flutter 1.9.1+hotfix.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 2d2a1ffec9 (4 weeks ago) • 2019-09-06 18:39:49 -0700
Engine • revision b863200c37
Tools • Dart 2.5.0

╔════════════════════════════════════════════════════════════════════════════╗
║ Welcome to Flutter! - https://flutter.dev ║
║ ║
║ The Flutter tool anonymously reports feature usage statistics and crash ║
║ reports to Google in order to help Google contribute improvements to ║
║ Flutter over time. ║
║ ║
║ Read about data we send with crash reports: ║
║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting ║
║ ║
║ See Google's privacy policy: ║
║ https://www.google.com/intl/en/policies/privacy/ ║
║ ║
║ Use "flutter config --no-analytics" to disable analytics and crash ║
║ reporting. ║
╚════════════════════════════════════════════════════════════════════════════╝

使用 Flutter Doctor 检查依赖

使用Flutter doctor 命令检查开发环境所依赖的软件,库是否安装完整。运行

1
flutter doctor

在我的环境中,系统会提示:

1
2
3
4
5
6
7
8
9
10
11
12
13
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.9.1+hotfix.2, on Microsoft Windows [Version 10.0.18362.356], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.5)
[!] VS Code, 64-bit edition (version 1.37.1)
X Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
! No devices available

! Doctor found issues in 3 categories.

可以看到,flutter doctor 分别检测出了:1. Android SDK 的问题;2. VS Code 没有安装插件的问题; 3. 没有设备连接的问题。 并都提出了解决方法。接下来就是安装解决方法去解决。

  1. 运行 “flutter doctor –android-licenses”, 按照系统提示同意所有的协议。

  2. 在 VS Code 中安装 Flutter 插件

安装完以后再次运行 “flutter doctor” 就没有问题了

设置依赖包仓库的国内镜像

默认的依赖包仓库在国外,从国内访问速度很慢,有时甚至不能访问。因此建议国内的开发人员把包仓库地址设置为国内的镜像地址。在 .bashrc 文件中加入一下内容:

选择 “此电脑” -> “属性” -> “高级系统设置”, 在“高级”面板中选择 “环境变量”。 在 “系统变量” 中选择新建,

在变量名中输入: PUB_HOSTED_URL, 变量值为: https://pub.flutter-io.cn

保存以后,再新建也会给变量

在变量名中输入: FLUTTER_STORAGE_BASE_URL, 变量值为: https://storage.flutter-io.cn

本文标题:搭建Flutter开发环境(Window环境)

文章作者:晨星

发布时间:2019年10月02日 - 08:10

最后更新:2020年05月28日 - 16:05

原始链接:https://www.mls-tech.info/app/flutter/flutter-development-environment-win/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。