Win7下的flutter环境安装配置

随着 2018 年底 GOOGLE 正式发布了 flutter1.0，这个原生开发框架大火，试用了一下确实不错，代码状态即时刷新，所见即所得。APP 开发的环境安装，比较复杂，很多初学者在这一步就被 PASS 了。欢迎加入Q群：697028234

1.安装 GIT.（下载地址：https://www.git-scm.com/download/win）

安装 Android studio 3.2 和相关依赖，一路 next 即可。 (下载地址：http://www.android-studio.org/)

2.下载安装 PowerShell5.0（下载地址：https://www.jb51.net/softs/580141.html）

3.安装 flutter。

因为众所周知的原因，clone 下载 flutter 库很慢，所以安装了***软件，临时设置 cmd 代理后下载速度会快一些。

4.将 clone 的 Flutter 仓储中 bin 目录的完整路径，添加到系统环境变量 path 中。（clone 路径必须是全英文）

必须用 powershell 5.0 运行 flutter 命令，否则会报错。

设置用户变量，设置为国内镜像加速依赖包下载

export PUB_HOSTED_URL=https://pub.flutter-io.cn

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

5.1 安装 VS Code，下载 1.20.1 或更高版本.

设置中文界面：CTRL+SHIFT+P 输入 configure display language，将 en 设置为 zh-CN。安装中文语言包。

5.2 为 VS Code 安装 Flutter 插件

在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’和‘Dart’, 然后点击 Install

5.3 通过 flutter doctor 验证 VS Code 是否安装配置成功

调用查看>命令面板

输入 ‘doctor’, 然后选择 Flutter: Run Flutter Doctor

查看“OUTPUT”窗口中的输出是否有问题

6. 创建 flutter 项目

在 VS Code 面板中，按下快捷键 Ctrl + Shift + P 打开命令面板

在命令面板中输入 flutter

选择 flutter: New Project 选项创建新项目

选择项目存放目录后，刚才执行的命令会自动创建 Flutter 项目

7.运行 flutter 项目

运行 flutter devices 命令查看是否有 android 设备连接到当前电脑上

如果显示已有安卓设备连接到当前电脑，则运行 flutter run 命令，即可把项目以 debug 调试模式运行于安卓设备之上

如果是用模拟器，需要安装启动模板器后，在 VSC 的控制终端上输入 adb connect 命令连接。比如：夜神为 adb connect 127.0.0.1:62001。（经测试部分模拟器会报错 Dart VM: SSE2 is required，如 mumu 模拟器。）正常链接模拟器后可查看右下角状态。推荐使用 android studio 模拟器（VSC 可自动识别）。

注意：如果运行 flutter devices 命令无法查看到已连接的安卓设备，则按步骤配置手机，开启开发者模式：

按 F5 或是在终端输入 flutter run 运行项目成功，如图：

夜神模拟器运行成功：

巴特西

Win7下的flutter环境安装配置

最新文章

热门文章