小程序代码的文件构成：

（整理自微信官方文档小程序代码构成 | 微信开放文档 (qq.com) 前两章）

1、JSON配置文件：

JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色

在项目的根目录有一个 app.json 和

project.config.json，此外在 pages/logs 目录下还有一个 logs.json

    1、app.json 是当前小程序的全局配置

pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

window字段 —— 定义小程序所有页面的顶部背景颜色，文字颜色定义等

（配置细节可参考文档https://developers.weixin.qq.com/miniprogram/dev/framework/config.html）

2、工具配置 project.config.json——与程序本身无关，只是方便开发者的人性化设计

通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配 置。考虑到这点，小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作 时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项

3、页面配置 page.json

这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。

让开发者可以独立定义每个页面的一些属性（相较于app.json 配置文件来说更加灵活与具体化）

PS

JSON 基础语法:JSON文件都是被包裹在一个大括号中 {}，通过key-value的方式来表达数据

JSON的Key必须包裹在一个双引号中（易错点）

2、WXML 模板，WXSS 样式，JS 逻辑交互

在网页编程中采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互

WXML 由标签、属性等等构成

WXSS 在底层支持新的尺寸单位 rpx

全局的样式和局部样式。和前边 app.json, page.json 的概念相同，你可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式

page.wxss 仅对当前页面生效 JS 中还可以调用小程序提供的丰富的 API，利用这些 API 可以很方便的调起微信提供的能力，例如获取用户信息、本地存储、微信支付等