1 创建flutter应用
在某个盘下边创建一个android_workspace的目录,之后创建app都在这个目录下
进入android_workspace目录,鼠标右键打开git bash,键入创建flutter app命令:
flutter create demo_app
2 使用vscode编写flutter应用
使用vscode打开文件夹,文件夹选择 E:\android_workspace\demo_app,如下:
2.1 vscode连接夜神模拟器
启动夜神模拟器,vscode会自动连接,如下:
如果没有自动连接,需要将安卓sdk中的adb.exe拷贝到夜神模拟器的bin目录下
2.2 运行flutter应用
在vscode中打开终端,键入flutter run ,如下:
如上,表示启动成功,查看夜神模拟器如下:
2.3 flutter应用目录讲解
默认结构如下:
我们接下来的开发代码主要写在lib目录下
我们接下来引入第三方的包、本地的图片配置等都需要修改 pubspec.yaml
项目中结构如下:
assets中存放我们的本地资源,如图片、字体等
config中存放全局变量,比如请求后台的接口地址、全局的颜色主题配置等
html中存放flutter中调用或展示的html页面
pages中存放我们编写的flutter应用页面
provider中存放我们编写的状态管理(也可以叫变量管理)
routers中存放我们的路由
pubspec.yaml如下:
name: flutter_demo
description