随着 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 运行项目成功,如图:
夜神模拟器运行成功:
注意:需要安装 Android 4.1(API level 16) 或 更高版本 的 Android 设备
在您的设备上启用 开发人员选项 和 USB 调试 。详细说明可在 Android 文档 中找到。
使用 USB 将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。
在终端中,运行 flutter devices 命令以验证 Flutter 识别您连接的 Android 设备。
原文出处:https://www.cnblogs.com/draculaqk/p/10612651.html
来源:oschina
链接:https://my.oschina.net/u/4388800/blog/3267288