将 VSCode linting 与 vue-cli linting 同步答案

【问题标题】：Synchronising VSCode linting with vue-cli linting将 VSCode linting 与 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 的规则集？

【问题讨论】：

标签： typescript visual-studio-code vue-cli vue-cli-3

【解决方案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
    }
]

【讨论】：