插件
ESlint
在开发过程中就发现错误,甚至可以在保存时自动修复错误,极大的增加了开发效率。
VSCode 中的 ESLint 插件默认是不会检查 .ts 后缀的,需要在「文件 => 首选项 => 设置 => 工作区」中(也可以在项目根目录下创建一个配置文件 .vscode/settings.json),添加以下配置:
{
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript"
],
"typescript.tsdk": "node_modules/typescript/lib"
}
这时再打开一个 .ts 文件,将鼠标移到红色提示处,即可看到这样的报错信息了:
我们还可以开启保存时自动修复的功能,通过配置:
{
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "typescript",
"autoFix": true
},
],
"typescript.tsdk": "node_modules/typescript/lib"
}
就可以在保存文件后,自动修复为:
let myName = 'Tom';
interface Foo {}