如何在VS Code中实现基于tslint.config的代码格式化？

我之前也踩过这个坑——装了TSLint相关扩展后，只能看到代码质量红线提示，点保存就是没反应，完全不自动格式化。后来折腾了一番，终于搞定了，给你分享具体步骤：

1. 先确认装对了扩展 #

确保VS Code里已经安装了TSLint和官方的TypeScript扩展：

• TSLint扩展负责识别你的tslint.config配置并执行代码检查
• TypeScript扩展是TSLint的依赖，提供必要的语言服务支持

2. 配置VS Code的自动修复触发逻辑 #

打开VS Code的设置（快捷键Ctrl+,或Cmd+,），点击右上角的「打开设置(JSON)」图标，添加以下配置：

{
  // 开启保存时自动执行TSLint的修复动作
  "editor.codeActionsOnSave": {
    "source.fixAll.tslint": true
  },
  // 确保TSLint功能启用
  "tslint.enable": true,
  // 如果你的配置文件不是默认的tslint.json，必须指定路径
  "tslint.configFile": "./tslint.config"
}

3. 检查你的tslint.config规则是否支持自动修复 #

不是所有TSLint规则都能自动修复，比如indent（缩进）、semicolon（分号）这类格式类规则都支持自动修复，但像no-debugger这类需要手动调整逻辑的规则就不行。你可以在规则的说明里确认是否支持自动修复（一般规则描述里会标注「Fixable」）。

另外，确保你的tslint.config里没有禁用自动修复的设置，比如正常的规则配置应该是这样的：

{
  "rules": {
    "indent": [true, 2],
    "semicolon": [true, "always"],
    "no-unused-variable": true
  }
}

4. 验证配置是否生效 #

写一段不符合规则的代码（比如故意把缩进改成4个空格、去掉分号），然后保存文件，看是否自动修复成符合tslint.config的格式。如果还是没反应，可以打开VS Code的输出面板（快捷键Ctrl+Shift+U），切换到「TSLint」频道，查看是否有报错信息——比如配置文件加载失败、规则冲突等，这些都会导致自动修复失效。

额外小贴士 #

如果你的项目用了工作区版本的TypeScript，记得在VS Code右下角点击TypeScript版本号，选择「Use Workspace Version」，避免全局版本和工作区版本不一致导致的问题。

另外提一句，现在TSLint已经被官方弃用了，长远来看建议迁移到ESLint，但如果现阶段必须用TSLint，上面的配置应该能解决你的问题。

内容的提问来源于stack exchange，提问作者MAHESH VALIYA VEETIL