同步VSCode linting和vue-cli linting

时间:2018-11-12 23:59:44

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

我已经使用Vue CLI创建了一个新项目,并启用了Typescript和Airbnb linter等选项,它们本身也可以正常工作,但是现在我希望这种棉絮在VSCode编辑器中显示,而不仅仅是在项目执行时出现执行错误。服务。这似乎使我陷入了安装不同扩展名的麻烦,这些扩展名都有不同的配置文件,它们都有各自的特殊性,直到由于单引号或双引号之类的问题而令我不满意为止。它想在使用之间来回弹跳。

给我的印象是,没有一种好方法可以同时(从同一规则集中)获取Vue服务器的linter规则和VSCode扩展所使用的规则。我正在尝试使用Airbnb规则,即使我单独为VSCode和通过NPM独立安装规则集,它们仍然无法对齐。

是否有任何建议来补救此问题/获取VSCode以复制服务短绒的规则集?

1 个答案:

答案 0 :(得分:0)

结果是,除ESLint之外,我的所有VSCode扩展都需要卸载(尽管我试图使用Typescript(具有TSLint)和Vue组件(具有自己的,又是独立的linter))

只需此用户/工作区配置:

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