## 小程序各文件作用 ##
1、小程序文件结构和传统web对比
| 结构 | 传统web | 微信小程序 |
| ---- | ---------- | ---------- |
| 结构 | HTML | WXML |
| 样式 | CSS | WXSS |
| 逻辑 | Javascript | Javascript |
| 配置 | 无 | JSON |
2、app.json文件结构
详细信息请看[开发文档][Link 1]
> app.json: pages:表示小程序中所有页面的路径
> ![在这里插入图片描述][20200628230300459.png]
>
> window:定义小程序所有页面的顶部背景颜色等更多属性
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70]
> tabBar:小程序下方导航栏配置
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70 1]
以上所有字段还有很多属性参数详情看官方文档根据自己的需要修改
3、page.json文件结构
> 可以为每个页面指定不同的标题,不同的配置文件,不同的颜色
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70 2]
4、sitemap文件配置(只需了解)
> 用于配置微信小程序及其页面是否允许被索引
[Link 1]: https://developers.weixin.qq.com/doc/
[20200628230300459.png]: /images/1613409682011.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70]: /images/1613409659807.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70 1]: /images/1613409636709.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgzODU4OQ_size_16_color_FFFFFF_t_70 2]: /images/1613409609935.png