微信小程序目录结构可以分为3个部分:框架全局文件、框架页面文件和工具类文件。小程序制作开发人员开发前需要了解这些目录结构。

微信小程序项目目录结构介绍及搭建

微信小程序目录结构

一个小程序的主体部分由3个文件组成: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 四个文件进行处理。

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径和文件名。

小程序开发前了解了其目录结构后,创建项目时就非常方便了,参考微信小程序开发工具代码编辑教程