【微信小程序开发 - 3】：项目组成介绍

项目组成介绍

项目的基本组成结构

• pages 用来存放所有小程序的页面
• utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）
• app.js 小程序项目的入口文件
• app.json 小程序项目的全局配置文件
• app.wxss 小程序项目的全局样式文件
• project.config.json 项目的配置文件
• sitemap.json 用来配置小程序及其页面是否允许被微信索引

小程序页面的组成部分

小程序官方建议把所有小程序的页面，都存放在 pages 目录中，以单独的文件夹存在，如图所示：

其中，每个页面由 4个基本文件组成，它们分别是：

• .js 文件（页面的脚本文件，存放页面的数据、事件处理函数等）
• json 文件（当前页面的配置文件，配置窗口的外观、表现等）
• .wxml文件（页面的模板结构文件）
• .wxss 文件（当前页面的样式表文件）

JSON配置文件的作用

JSON 是一种数据格式，在实际开发中，JSON 总是以配置文件的形式出现。小程序项目中也不例外：通过不同的 .json 配置文件，可以对小程序项目进行不同级别的配置。

小程序项目中有 4种 json 配置文件，分别是:

• 项目根目录中的 app.json 配置文件
• 项目根目录中的 project.config.json 配置文件
• 项目根目录中的 sitemap.json 配置文件
• 每个页面文件夹中的 .json 配置文件

app.json文件

app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。