将 VSCode linting 与 vue-cli linting 同步

Posted 2023-02-23

【中文标题】将 VSCode linting 与 vue-cli linting 同步

【英文标题】：Synchronising VSCode linting with vue-cli linting

【发布时间】：2019-04-15 17:54:03

【问题描述】：

我已经使用 Vue CLI 创建了一个新项目，其中启用了 Typescript 和 Airbnb linter 等选项，它本身工作正常，但现在我希望这个 linting 显示在 VSCode 编辑器中，而不仅仅是在项目运行时出现执行错误服务。这似乎让我陷入了安装不同扩展的兔子洞，这些扩展都有不同的配置文件，都有自己的特殊性，直到由于单引号或双引号等问题，我无法满足 linter它想在使用之间来回反弹。

我的印象是，没有一种好的方法可以让 Vue 服务器的 linter 规则与 VSCode 扩展使用的规则并发（来自相同的规则集）。我正在尝试使用 Airbnb linting 规则，即使我单独为 VSCode 和通过 NPM 安装规则集，它们仍然无法对齐。

有什么建议可以解决这个问题/让 VSCode 复制服务 linter 的规则集？

【参考方案1】：

事实证明，除了 ESLint 之外，我的所有 VSCode 扩展都需要卸载（尽管我尝试使用 Typescript [有 TSLint] 和 Vue 组件[有自己的，又是单独的 linter]）

只需要这个用户/工作区配置：

"eslint.validate": [
    
        "language": "vue",
        "autoFix": true
    ,
    
        "language": "html",
        "autoFix": true
    ,
    
        "language": "javascript",
        "autoFix": true
    ,
    
        "language": "typescript",
        "autoFix": true
    
]