上篇文章
Flutter for web 开发从零到踩坑02---使用VS Code工具进行开发
给大家介绍了如何用VS Code工具打开并运行Flutter for web项目,接下来就给大家介绍一下Flutter项目功能的目录结构,了解一下这些文件都是干啥的,先看下图:
下面详细介绍与web项目相关的文件:
- lib: 这个文件是开发代码的主战场,所有的与界面和业务相关的.dart文件都在写在这个文件中;
- main.dart : 项目代码运行入口,和其他的开发语言是一样的,都叫main;
- web : web相关文件夹;
- index.html : web界面入口文件,例如web界面的title,web界面的图标等,都是在这个里面设置,和往常的index.html文件都是一样的;
- build: 这个文件是项目build之后生成的,就是项目生成的包文件,安卓和iOS的构建文件也会包含在这个文件中;
- web: 这个文件就是web项目的build文件,项目终期发布上线,就是把这个包压缩,再进行上传;文件所包含的内容与往常的web项目包无异;
- pubspesc.yaml: 这个文件用来管理项目依赖的库与图片等资源,例如我想导入第三方支付或者第三方登录等功能,就需要在这个文件中进行操作;
那么这些文件中的代码应该如何操刀呢?请见下一篇:
Flutter for web 开发从零到踩坑04---尝试修改默认项目代码
网友评论