1. 在Android Studio 中创建Flutter工程
1.1 首先打开Andorid Studio创建flutter工程
创建flutter工程_图1.png
1.2 选择Flutter 工程类型
flutter应用_图2.png
1.3 新工程 应用配置
在工程应用配置文件装, 确定工程(项目)名称,Flutter SDK的路径, 工程路径,工程描述信息
工程应用配置_图3.png
1.4 工程配置完成
工程配置完成后点击Finish
配置完成_图4.png
1.5 创建工程
当配置完成以后,也就是点击Finish以后,会自动帮我们下载工程所需要的配置文件,已经示例代码
开始创建工程_图5.png
1.6 工程完成以后视图
工程创建完毕_图6.png
2. 工程目录结构
在项目工程完成以后,在目录中会自动生成很多文件夹,以及文件,让我们看看这些文件已经文件夹都是什么意思,做一个简单的了解
| 目录内容 | 作用 |
|---|---|
| android | android平台相关,包含Android特定文件的Android子工程 |
| ios | ios 平台相关,包含iOS特定文件的iOS子工程 |
| lib | Flutter应用源文件目录,我们主要编写的代码就在这个文件夹 |
| test | 用于存放测试代码 |
| pubspec.yaml | 配置文件,一般存放一些第三方库的依赖 |
flutter工程目录_图14.png
3.配置用于测试的虚拟设备
3.1 Tool里选择AVD Manager
创建虚拟设备_图7.png
3.2 选择创建虚拟设备
创建虚拟设备_图8.png
3.3 选择想要的设备类型
选择安装的模拟设备尺寸_图9.png
3.4 下载指定的虚拟设备
下载安装虚拟设备_图10.png
3.5 点击运行工程
处理直接点击运行图标,还可以点击菜单项Run > Run
运行工程_图11.png
3.6 工程运行结果
在运行工程时,会下载配置,需要等着一会,工程运行成功后,在虚拟设备中就会显示结果
工程运行结果_图12.png
3.7 体验热重载
在main.dart文件中修改代码内容,只要Ctrl + C,工程会自己编译, 虚拟设备上会自动显示改变后的结果
体验热重载_图13.png
