第一步

看工程目录结构设计

Flutter 作为一门跨平台开发语言，项目目录结构也具有特定的跨平台特性，项目不仅仅包含自身dart语言相关代码，也包含原生平台相关的Android和iOS以及Web相关代码，Flutter程序的目录结构能够很好的帮我们快速的上手，并理解Flutter跨平台特性，也有利于日常的开发和调试。

Flutter工程目录如下

Flutter工程目录结构说明如下表所示

文件 / 目录	作用
dart_tool	Dart工具开发包
.idea	开发环境配置
android	安卓原生工程文件
iOS	iOS原生工程文件
build	编译或运行后产物
lib	包含.dart结尾的工程相关文件
test	包含.dart结尾的工程测试文件
web	Web原生工程文件
.gitignore	git提交仓库忽略文件
.metadata	一个对当前workspace的配置记录
.packages	以lib结尾的文件绝对路径
flutter_dir.iml	工程文件的本地路径配置
pubspec.lock	前项目依赖所生成的文件
pubspec.yaml	依赖配置
README.md	自述项目信息(html标签)
External Libraries	安卓架包和资源文件、Dart SDK 文件、工程开发依赖插件API
Scratches and Consoles	创建的临时文件和缓冲区列表

比较重要的文件夹及文件是 android、ios、lib、test、pubspec.yaml

• lib 我们日常开发的dart语言代码都放在这里，可以说是我们的“核心工作文件夹”

• ios 这里面包含了iOS项目相关的配置和文件，当我们的项目需要打包上线的时候，需要打开该文件内的Runner.xcworkspace文件进行编译和打包工作。

• android 与ios文件夹一样，在android项目需要打包上架的时候，也需要使用此文件夹里面的文件。同样的如果我们需要原生代码的支持，原生代码也是放在这里。

• test 这里存放了我们在项目开发过程中的测试代码，良好的测试习惯是保证代码质量的必要手段！

• pubspec.yaml是Flutter项目的核心配置文件，包含项目名称、版本号、项目描述、主页、开发文档、最主要的是项目依赖插件配置