学习记录
Flutter学习笔记
1. 安装并配置1.1 下载安装Flutter访问Flutter官网,这里以windows为例Windows点击这里下载Flutter SDK获取Flutter SDK解压之后,将里面的flutter
2023-08-12 19:44:40
33

1. 安装并配置

1.1 下载安装Flutter

访问Flutter官网,这里以windows为例
Windows
点击这里下载Flutter SDK

获取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安装插件

  1. 搜索插件 flutter 安装
  2. 安装完成之后,按 f1,选择Flutter:Run Flutter Doctor
  3. 如果顺利的话vscode的终端会展示当前flutter的所有配置,不顺利可能是并未找到你的flutter sdk,选择提示中的第二个按钮Local ...什么的,加载你本地的flutter sdk,选择1.1中下载的flutter根目录,就配置完成了flutter sdk

1.5 运行示例

  1. 继续按f1,选择Flutter:New Project
  2. 会自动帮我们构建flutter基础架构。
  3. 构建完成之后,选择vscode底部的设备,全程使用android 设备USB连接,点击之后会弹出选择框,选择你的android设备
  4. 设备选择完成之后,按f5,会自动运行示例代码,并在你的android设备上启动

未完待续。。。