1. 安装并配置
1.1 下载安装Flutter
访问Flutter
官网,这里以windows
为例
Windows
点击这里下载Flutter SDK
获取Flutter SDK
解压之后,将里面的flutter
目录整体放置在你电脑中的某个目录
注意:不要放置在存在中文、空格或需要较高权限才可访问的目录
1.2 配置环境变量
找到编辑环境变量的地方得path
,这里配置系统环境变量
和用户环境变量
都可以环境变量
在path
里面新建1.1存放flutter目录的bin目录地址
。
开启一个新的终端,执行这条命令,可以帮我们检测是否正确配置了所有内容。
flutter doctor
帮我检测出来,我没有安装Android Studio
,稍后来安装一下。
1.3 配置安卓设备
在 Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或者更高的设备。
在设备上打开 开发人员选项
和 USB调试
选项。
通过 USB 接口连接手机和电脑,如果在设备上弹出需要授权弹窗,允许授权以便让电脑能够访问你的开发设备。
在终端中,运行 flutter devices 命令来确认 Flutter 是否识别到你连接的 Android 设备。
1.4 VSCode安装插件
- 搜索插件
flutter
安装 - 安装完成之后,按
f1
,选择Flutter:Run Flutter Doctor
- 如果顺利的话
vscode
的终端会展示当前flutter
的所有配置,不顺利可能是并未找到你的flutter sdk
,选择提示中的第二个按钮Local ...
什么的,加载你本地的flutter sdk
,选择1.1中下载的flutter根目录
,就配置完成了flutter sdk
。
1.5 运行示例
- 继续按
f1
,选择Flutter:New Project
。 - 会自动帮我们构建
flutter
基础架构。 - 构建完成之后,选择
vscode
底部的设备,全程使用android 设备USB连接
,点击之后会弹出选择框,选择你的android设备
。 - 设备选择完成之后,按
f5
,会自动运行示例代码,并在你的android设备
上启动
未完待续。。。