app.json 配置生成
window 配置
页面路由列表
生成的 app.json
功能亮点
可视化表单配置
通过表单界面填写导航栏样式、窗口背景色等配置，无需记忆 JSON 字段名和语法结构。
window 配置全覆盖
覆盖导航栏背景色、标题颜色、窗口背景色、下拉 loading 样式等最常用的 window 配置项，并支持下拉刷新开关。
页面路由管理
动态管理 pages 数组中的页面路径列表，自由添加和删除页面，自动维持正确的 JSON 数组格式。
导航栏实时预览
填写配置时同步更新导航栏预览效果，背景色、标题颜色和文字一目了然，所见即所得。
一键生成完整 JSON
自动生成符合微信规范的完整 app.json 代码，支持一键复制，直接粘贴到项目中使用。
使用步骤
- 填写 window 配置——导航栏背景色、标题颜色、标题文字、窗口背景色等
- 管理页面路由列表，添加或删除页面路径，首页为列表第一项
- 观察导航栏实时预览效果，确认配色和标题显示正常
- 复制生成的 app.json 完整配置到你的小程序项目根目录
关于 app.json 配置生成
app.json 是微信小程序的全局配置文件，包含了页面路由（pages）、窗口样式（window）、底部 TabBar、分包结构（subPackages）、网络超时、权限声明、插件声明等十几个配置项，是每个小程序的必备文件，但新手很难记住所有配置项的字段名和可选值。本工具提供可视化表单填写界面，覆盖 app.json 的常用配置项，填写后自动生成完整合法的 JSON 配置并带有实时预览。适合小程序新手快速上手、开发者在新建项目时快速生成配置骨架，避免手写 JSON 的语法错误。
常见问题
- app.json 中的 window 配置项有哪些常用的？
最常用的 window 配置：
navigationBarTitleText——默认导航栏标题（每个页面可在自己的 .json 中覆盖）；navigationBarBackgroundColor——导航栏背景色（Hex 格式）；navigationBarTextStyle——导航栏文字颜色，只能填"black"或"white"（没有其他颜色！）；backgroundColor——窗口背景色（下拉刷新时可见）；backgroundTextStyle——下拉刷新 loading 样式，只能"dark"或"light"。- pages 数组中的第一条有什么特殊含义？
pages 数组的第一个页面路径是小程序的首页（入口页面）——用户打开小程序时加载的第一个页面。这个页面加载速度直接影响用户对小程序的「第一印象」，建议首页尽量精简、减少初始数据请求量。如果小程序被微信杀死后重新打开，也会回到首页而非之前的页面（除非开启了「保留状态」）。