时间戳

首页 > 解决方案 > 将 VSCode linting 与 vue-cli linting 同步

typescript - 将 VSCode linting 与 vue-cli linting 同步

问题描述

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

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

关于解决这个问题/让 VSCode 复制服务 linter 规则集的任何建议？

标签： typescriptvisual-studio-codevue-clivue-cli-3

解决方案

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

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

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

推荐阅读