菜鸟学习小程序之路（一）

一、代码构成

1、.json 后缀的 JSON 配置文件 页面配置。
2、.wxml 后缀的 WXML 模板文件 页面结构。
3、.wxss 后缀的 WXSS 样式文件 页面样式表。
4、.js 后缀的 JS 脚本逻辑文件 页面逻辑。

二、JSON 配置

1、pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
2、window字段 —— 小程序所有页面的顶部背景颜色，文字颜色定义在这里的。

1、 project.config.json

通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配置。

2、page.json 具体看官网

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

3、WXML 模版

view, button, text等

4、WXSS 样式

新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx