1. 项目根目录中的 app.json 配置文件
   1. app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等，如下：

      ```
      {
        "pages":[
          "pages/index/index",
          "pages/logs/logs"
        ],
        "window":{
          "backgroundTextStyle":"light",
          "navigationBarBackgroundColor": "#fff",
          "navigationBarTitleText": "Weixin",
          "navigationBarTextStyle":"black"
        },
        "style": "v2",
        "sitemapLocation": "sitemap.json"
      }
      
      ```
   2. 全局配置中的4个配置项的作用：
      1. pages：用来记录当前小程序所有页面的路径
      2. window：全局定义小程序所有页面的背景色、文字颜色等
      3. style：全局定义小程序组件所使用的样式版本
      4. sitemapLocation：用来指明 sitemap.json 的位置
2. 项目根目录中的 project.config.json 配置文件
   1. project.config.json 是项目配置文件，用来记录我们对小程序开发工具所做的个性化配置，如下：

      ```
      {
        "description": "项目配置文件",
        "packOptions": {
          "ignore": [],
          "include": []
        },
        "setting": {
          "bundle": false,
          "userConfirmedBundleSwitch": false,
          "urlCheck": true,
          "scopeDataCheck": false,
          "coverView": true,
          "es6": true,
          "postcss": true,
          "compileHotReLoad": false,
          "lazyloadPlaceholderEnable": false,
          "preloadBackgroundData": false,
          "minified": true,
          "autoAudits": false,
          "newFeature": false,
          "uglifyFileName": false,
          "uploadWithSourceMap": true,
          "useIsolateContext": true,
          "nodeModules": false,
          "enhance": true,
          "useMultiFrameRuntime": true,
          "useApiHook": true,
          "useApiHostProcess": true,
          "showShadowRootInWxmlPanel": true,
          "packNpmManually": false,
          "enableEngineNative": false,
          "packNpmRelationList": [],
          "minifyWXSS": true,
          "showES6CompileOption": false,
          "minifyWXML": true,
          "babelSetting": {
            "ignore": [],
            "disablePlugins": [],
            "outputPath": ""
          },
          "condition": false
        },
        "compileType": "miniprogram",
        "libVersion": "2.19.4",
        "appid": "wx0000000000000000",
        "projectname": "miniprogram-92",
        "condition": {},
        "editorSetting": {
          "tabIndent": "insertSpaces",
          "tabSize": 2
        }
      }
      
      ```
   2. 其中：
      1. setting 中保存了编译相关的配置
      2. projectname 中保存的是项目名称
      3. appid 中保存的是小程序的账号 ID
3. 项目根目录中的 sitemap.json 配置文件
   1. 微信现已开放小程序内搜索，效果类似于 PC 网页的 SEO。sitemap.json 文件用来配置小程序页面是否允许微信索引
   2. 当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面将可能展示在搜索结果中
   3. 注意：sitemap 的索引提示是默认开启的，如需要关闭 sitemap 的索引提示，可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false
4. 每个页面文件夹中的 .json 配置文件
   1. 小程序中的每一个页面，可以使用 .json 文件来对本页面的窗口外观进行配置，页面中的配置项会覆盖 app.json 的 window 中相同的配置项

微信小程序项目中的4种 JSON 配置文件

[JSON Hero](https://jsonhero.io/) 是一款超级强大的开源的 JSON 可视化工具。支持多种视图模式、搜索功能、多种数据类型的预览（日期、图片、颜色、链接等）。比同类工具易用很多。

链接: [https://jsonhero.io/](https://jsonhero.io/)

源码: [https://github.com/jsonhero-io/jsonhero-web](https://github.com/jsonhero-io/jsonhero-web)

![JSON Hero](https://content.hackertalk.net/pub/yXP2V0-pJnqko9)
![JSON Hero](https://raw.githubusercontent.com/jsonhero-io/documentation-hosting/main/images/features-columnview.gif)
![JSON Hero](https://raw.githubusercontent.com/jsonhero-io/documentation-hosting/main/images/features-editorview.gif)
![JSON Hero](https://raw.githubusercontent.com/jsonhero-io/documentation-hosting/main/images/features-search.gif)

---

来自 [好工具周刊（第 16 期）: JSON Hero, ASCII Art Paint, Puzzle maker, 今天我们来做菜, Tweetlet, TweetPics, SPEEDTEST](https://discuss-cn.bestxtools.com/d/42)

链接: [竹白](https://bestxtools.zhubai.love/posts/2146500725667651584), [GitHub](https://github.com/bestxtools/weekly-cn/blob/main/docs/issue-16.md), [BestXTools](https://discuss-cn.bestxtools.com/d/42)

[《好工具周刊》](https://bestxtools.zhubai.love/)发现并分享有趣，有创意，免费、好用的工具，每周四发布。支持 RSS 订阅，邮箱订阅，微信订阅。  
[discuss-cn.bestxtools.com](https://discuss-cn.bestxtools.com/) | [bestxtools.zhubai.love](https://bestxtools.zhubai.love/)

