如何为VSCode的Quick Fix添加@ts-ignore修复选项？

处理TypeScript的noUnusedLocals警告时，默认Quick Fix只有移除未使用声明的选项，要添加插入// @ts-ignore的选项，有几种可行方案：

1. 用现成的VSCode扩展 #

直接安装像TS Ignore Quick Fix这类扩展，安装后再触发noUnusedLocals警告时，Ctrl+.呼出的Quick Fix菜单里就会出现插入// @ts-ignore的选项，一步到位。

2. 自定义代码片段+快捷键（不依赖扩展） #

如果不想装第三方扩展，自己配置也能实现快速插入：

• 按Ctrl+Shift+P，输入"配置用户代码片段"，选择typescript.json
• 粘贴以下配置：

{
  "添加@ts-ignore注释": {
    "prefix": "tsignore",
    "body": [
      "// @ts-ignore",
      "$0"
    ],
    "description": "在当前行上方插入@ts-ignore注释"
  }
}

• 再按Ctrl+K Ctrl+S打开快捷键设置，搜索"insert snippet"，给它绑定一个顺手的快捷键（比如Ctrl+Alt+I）。之后光标定位到警告行，按快捷键就能快速插入注释。

3. 自定义TypeScript语言服务插件（进阶） #

如果懂点TypeScript API，可以自己写个简单的语言服务插件，监听noUnusedLocals这类诊断信息，手动添加修复动作——在警告行上方插入// @ts-ignore。这种方式自由度高，但需要对TypeScript Language Service有基础了解。

另外说下Quick Fix的基本逻辑：它是VSCode通过语言服务协议（LSP）和TypeScript服务通信，获取诊断对应的修复动作。默认的修复动作是TypeScript内置的，第三方扩展或自定义插件可以扩展LSP能力来加新选项。

实现后你的示例代码会变成：

// @ts-ignore
function someFn (){
    //   ^^^^^^ 这里Ctrl+.就能看到添加@ts-ignore的选项
}

const makeThisModule = 1;
export default makeThisModule;
// don't export { someFn };

内容的提问来源于stack exchange，提问作者fart