文章目录


1 项目路径下的文件:

app.js : 小程序逻辑

【微信小程序企业级开发教程】微信小程序目录结构_json

app.json : 全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。

【微信小程序企业级开发教程】微信小程序目录结构_样式表_02

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      否 页面配置