第一步

看工程目录结构设计

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

Flutter工程目录如下



flutter ios生成的 Pods 目录 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项目的核心配置文件，包含项目名称、版本号、项目描述、主页、开发文档、最主要的是项目依赖插件配置