VSCode中如何设置仅在保存文件时校验TypeScript代码？

嘿，这个需求我之前也碰到过，VSCode默认实时弹TS错误确实有点打断思路，下面分两种情况给你讲清楚怎么设置——毕竟TS的校验分内置的类型/语法检查，还有ESLint的规范检查，两者的设置逻辑略有不同：

一、调整VSCode内置的TypeScript校验时机 #

VSCode自带的TS服务默认会实时检查类型和语法错误，要改成只在保存时触发，按下面来：

1. 打开VSCode的设置JSON文件（快捷键Ctrl+Shift+P/Cmd+Shift+P，搜Preferences: Open Settings (JSON)就能打开）
2. 把以下配置加进去：

   // 关掉实时的自动校验，编辑时不会弹错误提示
   "typescript.validate.enable": false,
   // 开启保存时的TS校验+自动修复（比如补全类型断言、修正小语法问题）
   "editor.codeActionsOnSave": {
     "source.fixAll.typescript": true,
     // 可选：保存时自动整理导入语句，按需开启
     "source.organizeImports": true
   }
   

这样设置后，平时写代码时不会被实时错误打扰，只有保存文件的瞬间才会校验并修复可自动处理的问题。

二、ESLint+TypeScript的保存时校验设置 #

如果你还用ESLint做TS代码的规范检查（比如代码风格、最佳实践），确保下面的配置让ESLint也只在保存时干活：

还是在刚才的设置JSON里，添加或调整这些：

// 让ESLint识别TS/TSX文件
"eslint.validate": [
  "typescript",
  "typescriptreact"
],
// 关掉ESLint的实时校验，只在保存时触发
"editor.lintOnSave": true,
"editor.codeActionsOnSave": {
  // 保存时自动修复ESLint的问题
  "source.fixAll.eslint": true,
  // 要是同时用TS的保存修复，把之前的配置也放这里合并
  "source.fixAll.typescript": true,
  "source.organizeImports": true
}

小提示 #

• 如果中途想手动看一下当前文件的TS错误，按Ctrl+Shift+M/Cmd+Shift+M打开问题面板就行，或者搜命令TypeScript: Run TypeScript Build手动跑一次完整校验。
• 记得确保VSCode的TypeScript Language Features扩展是最新的，不然有些设置可能不生效。

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