全局配置app.json

小程序开发中，app.json文件是全局配置文件，用于设置小程序的基本信息、页面路径、窗口样式等核心配置项。这个文件是小程序运行的必备文件，配置时需要特别注意格式和参数的正确性。

页面路径配置

pages字段是app.json中的核心配置项，用于指定小程序包含的所有页面路径。配置时需要遵循以下规则：

{  "pages": [    "pages/index/index",    "pages/logs/index"
  ],  "window": {    "navigationBarTitleText": "Demo"
  },  "tabBar": {    "list": [{      "pagePath": "pages/index/index",      "text": "首页"
    }, {      "pagePath": "pages/logs/logs",      "text": "日志"
    }]
  },  "networkTimeout": {    "request": 10000,    "downloadFile": 10000
  },  "debug": true}

1. 每一项代表对应页面的路径+文件名信息

2. 数组的第一项代表小程序的初始页面

3. 新增或减少页面时，都需要修改pages数组

4. 不需要写文件后缀，框架会自动查找.json、.js、.wxml、.wxss四个文件

窗口样式配置

window字段用于设置小程序的状态栏、导航条、标题和窗口背景色等样式属性。常用的配置包括：

navigationBarBackgroundColor：导航栏背景颜色（十六进制）

navigationBarTextStyle：导航栏标题颜色（仅支持black/white）

navigationBarTitleText：导航栏标题文字内容

pages/
pages/index/index.wxml
pages/index/index.js
pages/index/index.wxss

pages/logs/logs.wxml
pages/logs/logs.js
app.js
app.json
app.wxss

backgroundColor：窗口的背景色

backgroundTextStyle：下拉loading的样式（dark/light）

{  "pages":[
    "pages/index/index"
    "pages/logs/logs"
  ]
}

底部tab栏配置

对于多tab应用，需要使用tabBar配置项来设置底部tab栏的表现形式：

1. tabBar是一个数组，最少配置2个，最多配置5个tab

2. 每个tab项需要配置以下属性：

pagePath：页面路径

text：tab上按钮文字

{  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

iconPath：图标路径（未选中状态）

selectedIconPath：选中时的图标路径

网络超时设置

networkTimeout字段用于设置各种网络请求的超时时间：

request：wx.request的超时时间（毫秒）

connectSocket：wx.connectSocket的超时时间

uploadFile：wx.uploadFile的超时时间

调试模式

在开发者工具中，可以开启debug模式来获取更详细的调试信息：

1. 在控制台面板会以info形式输出调试信息

2. 可以查看Page的注册、页面路由、数据更新、事件触发等详细信息

3. 帮助开发者快速定位常见问题

页面级别配置

每个小程序页面可以使用.json文件进行本页面的窗口表现配置：

1. 配置比app.json简单，只包含window相关配置

2. 页面配置会覆盖全局配置中相同的配置项

3. 不需要写window键，直接配置相关属性即可

以上是小程序开发环境配置的核心内容，掌握这些配置项可以满足大多数小程序开发需求。配置时要注意格式正确，避免因配置错误导致小程序无法正常运行。