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

微信小程序目录结构可以分为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 四个文件进行处理。

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

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