微信小程序目录结构可分为框架全局文件、框架页面文件和工具文件三部分。在开发小程序之前,开发人员需要了解这些目录结构。
微信小程序目录结构
一个小程序的主要部分由三个文件组成:app.js、app.json和app.wxss,必须放在项目的根目录中。app.js和app.json文件是必要的,作用是小程序逻辑和小程序公共配置app.wxss作用是小程序公共风格表。
app.js小程序逻辑:用于定义全局数据和函数,它可以指定微信小程序的生命周期函数。app.js一些全球函数和数据也可以在其他页面上定义app.js全局函数和数据可以在文件后直接使用。
app.json公共配置小程序:可设置5个功能,配置页面路径、窗口性能、标签导航、网络加时、配置debug模式。
app.wxss小程序公共风格表:对css扩展风格,和css使用相同的方式,只要页面有全风格class,可渲染全局风格的效果。
另一个小程序页面由四个文件组成:js、wxml、json和wxss,用于指定哪些页面由小程序组成,每个项目对应一个页面的路径 文件名信息。文件名不需要写文件后缀,框架会自动找到位置 .json, .js, .wxml, .wxss 处理四个文件。
注:描述页面的四个文件必须有相同的路径和文件名,以方便开发者减少配置项。
了解小程序开发前的目录结构后,创建项目非常方便,参考微信小程序开发工具代码编辑教程。