VScode使用

​

插件

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 {}

​