# 目录结构
# 创建Flutter项目
- 使用
VS Code创建项目cmd + shift + p命令模式下flutter new project
选择 Application 类型
- 使用 cli 方式
$ flutter create flutter_quickstart_learn
1
# 目录文件说明
├── android // Android 端
├── build // 编译输出目录
├── ios // IOS 端
├── lib // flutter dart 代码
│ └── main.dart
├── linux // linux 端
├── macos // macos 端
├── test // 测试目录
├── web // web 端
├── windows // windows 端
├── README.md
├── analysis_options.yaml
├── flutter_quickstart_learn.iml
├── pubspec.lock // 包版本 lock
└── pubspec.yaml // flutter 配置文件，包管理 资源管理 配置管理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
可以发现 flutter 是一个多端编译框架，各个平台对应的目录都有了
# 目录扩展
VS Code 安装Flutter GetX Generator - 猫哥 (opens new window)插件
右键lib文件夹,选择Getx: Create Common Directory
自动创建开发目录
├── common // 公共
│ │── api // 接口
│ │── components // 组件
│ │── extension // 扩展
│ │── i18n // 国际化
│ │── models // 模型
│ │── routers // 路由
│ │── services // 服务
│ │── style // 样式
│ │── utils // 工具
│ │── values // 值
│ └── widgets // 组件
├── pages // 页面
│ └── index.dart // 首页文件
└── main.dart // 入口文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 运行程序
