Brackets IDE中Beautify插件添加TypeScript格式失败如何解决？

别急，我之前折腾这个插件时也碰到过一模一样的情况，大概率是修改的文件不对或者操作细节没到位，咱们一步步来排查解决：

1. 先确认你改对了配置文件 #

Brackets有两类偏好配置文件：一类是插件自带的defaultPreferences.json（默认配置），另一类是用户自定义的brackets.json。直接修改插件自带的默认配置文件，重启Brackets后很可能会被插件重置或忽略，正确的操作是修改用户配置：

• 打开Brackets，点击顶部菜单的Debug -> Open Preferences File
• 此时会弹出两个文件：左侧是brackets.json（用户专属配置，修改后不会被覆盖），右侧是默认配置。你需要在左侧的用户配置文件里添加TypeScript相关设置，而非右侧的默认文件。

2. 添加TypeScript的格式化配置 #

在brackets.json中，找到或新建beautify配置块，填入以下内容（可根据自己的格式化习惯调整参数）：

"beautify": {
    "language": {
        "typescript": {
            "type": "js",
            "indent_size": 2,
            "indent_char": " ",
            "preserve_newlines": true,
            "max_preserve_newlines": 2
        }
    },
    "associations": {
        "*.ts": "typescript"
    }
}

保存文件后重启Brackets，此时.ts文件应该就能被Beautify识别了。

3. 排查权限问题（针对修改默认配置文件的情况） #

如果你之前修改的是插件安装目录下的defaultPreferences.json，可能因为系统权限限制导致修改没真正保存（比如Windows的Program Files目录、Mac的应用程序目录，修改需要管理员权限）。但还是更推荐用用户配置文件，既能避免权限问题，也不会被插件更新覆盖。

4. 检查插件版本与兼容性 #

确保你的Beautify插件是最新版本，旧版本可能对TypeScript的支持不完善。打开Brackets的扩展管理器（右侧的扩展图标），搜索Beautify，检查是否有更新，升级后再测试格式化功能。

5. 用开发者工具排查报错 #

如果以上步骤都没用，打开Brackets的开发者工具（Debug -> Show Developer Tools），查看控制台的报错信息——比如配置格式错误、插件加载异常等，根据报错提示再针对性解决。

内容的提问来源于stack exchange，提问作者lampka w tubce