三步入门之Flutter一

68 阅读2分钟

第一步

看工程目录结构设计

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

Flutter工程目录如下

image-20220225224004594.png

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

文件 / 目录作用
dart_toolDart工具开发包
.idea开发环境配置
android安卓原生工程文件
iOSiOS原生工程文件
build编译或运行后产物
lib包含.dart结尾的工程相关文件
test包含.dart结尾的工程测试文件
webWeb原生工程文件
.gitignoregit提交仓库忽略文件
.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项目的核心配置文件,包含项目名称、版本号、项目描述、主页、开发文档、最主要的是项目依赖插件配置