文章目录
1 项目路径下的文件:
app.js : 小程序逻辑
app.json : 全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。
app.wxss : 小程序公共样式表
project.config.json : 在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
2 pages/index 文件夹下:
index.js : index页面逻辑,用于创建页面对象,以及处理页面生命周期控制和数据处理
index.wxml : index页面结构,语法遵循XML语法
index.wxss : index页面样式表,语法遵循CSS语法,扩展了CSS基本用法和长度单位
3 pages/logs 文件夹下:
log.js : log页面逻辑
logs.json : logs页面配置,此处会覆盖 app.json 中window 设置,也就是说可以设置windows 在设置的属性
logs.wxml : logs页面结构
logs.wxss : logs样式表
4 utils 文件夹下
utils.js : 公共脚本目录
5 总结
一个小程序页面由四个文件组成,分别是:
文件类型 必填 作用
js 是 页面逻辑
wxml 是 页面结构
wxss 否 页面样式表
json 否 页面配置