微信小程序初阶（一）：JSON 配置文件

摘取自微信小程序简易教程

---

app.json

app.json是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

app.json 配置项列表

属性	类型	必填	描述
pages	String Array	是	设置页面路径
window	Object	否	设置默认页面的窗口表现
tabBar	Object	否	设置底部 tab 的表现
networkTimeout	Object	否	设置网络超时时间
debug	Boolean	否	设置是否开启 debug 模式

• 其他配置项细节可以参考文档 小程序的全局配置app.json
• 小程序启动默认的第一个页面，就是app.json的pages中的第一个页面
• app.json中不能有注释！若app.json中含注释，控制台会对app.json报错：

Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID
> 1 | {
    |  ^
  2 |   "pages":[//app.json中不能有注释
  3 |     "pages/index/index",
  4 |     "pages/logs/logs"

---

project.config.json

project.config.json是开发者工具的配置，用来记录开发者在开发项目时的个性化配置，包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

• 其他配置项细节可以参考文档 开发者工具的配置

---

page.json

page.json 是页面配置，是和小程序各个页面相关的配置，每个页面都可以有自己的.json配置文件，比如 logs页面有logs.json。如此一开，就让开发者可以独立定义每个页面的一些属性，例如顶部颜色、是否允许下拉刷新等等。

• 其他配置项细节可以参考文档 各页面的配置page.json