使用TSLint在VS Code中自动格式化

2,512 阅读1分钟

vscode保存代码,自动按照tslint规范格式化代码设置

编辑器代码风格一致,是前端代码规范的一部分。我们现在前端绝大部分都在使用tslint,或者将要把代码改为tslint,那么此时我们怎么方便使用这个规范呢,下面我来介绍一下使用vscode+tslint 自动保存,自动格式化的一种方式!

首先需要装一些vscode插件tslint

1638924274(1).jpg

打开settings.jons,贴上如下配置,注意自己原有的vscode主题和字体等不要替换掉

{
    // tslint自动修复
    "tslint.autoFixOnSave": true,
    // 添加vue支持
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "typescript",
      "typescriptreact",
      "vue",
      "html"
    ],
}

例子

下面main.ts,vscode 有7个警告,我们直接Ctrl+S 保存就可以自动修复了! image.png