Win7下的flutter环境安装配置

时间:2022-12-12 18:18:11

随着 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 代理后下载速度会快一些。

Win7下的flutter环境安装配置
4.将 clone 的 Flutter 仓储中 bin 目录的完整路径,添加到系统环境变量 path 中。(clone 路径必须是全英文)

Win7下的flutter环境安装配置
Win7下的flutter环境安装配置

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

Win7下的flutter环境安装配置

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

Win7下的flutter环境安装配置

Win7下的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。安装中文语言包。

Win7下的flutter环境安装配置
Win7下的flutter环境安装配置

5.2 为 VS Code 安装 Flutter 插件

Win7下的flutter环境安装配置
Win7下的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 设备连接到当前电脑上

Win7下的flutter环境安装配置

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

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

Win7下的flutter环境安装配置

Win7下的flutter环境安装配置

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

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

Win7下的flutter环境安装配置

夜神模拟器运行成功:

Win7下的flutter环境安装配置

注意:需要安装 Android 4.1(API level 16) 或 更高版本 的 Android 设备

在您的设备上启用 开发人员选项 和 USB 调试 。详细说明可在 Android 文档 中找到。

使用 USB 将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。

在终端中,运行 flutter devices 命令以验证 Flutter 识别您连接的 Android 设备。