VScode开发Vue项目,关闭eslint代码检查,以及相关配置

Posted xuchangqi1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VScode开发Vue项目,关闭eslint代码检查,以及相关配置相关的知识,希望对你有一定的参考价值。

刚开始打开vue项目的时候会发现vue代码报红,解决方式如下

技术分享图片

 

 

首先安装Vetur和ESLint

技术分享图片

 

 打开文件》首选项》设置,配置如下代码

{
    "explorer.confirmDelete": false,
    "vetur.validation.template": false,
    "eslint.autoFixOnSave": true,
    "files.autoSave":"off",
    "eslint.validate": [
       "javascript",
       "javascriptreact",
       "html",
       { "language": "vue", "autoFix": true }
     ],
     "eslint.options": {
        "plugins": ["html"]
     },
     //为了符合eslint的两个空格间隔原则
     "editor.tabSize": 2
}

 

重新加载项目就行了

 

以上是关于VScode开发Vue项目,关闭eslint代码检查,以及相关配置的主要内容,如果未能解决你的问题,请参考以下文章

vscode+eslint自动格式化vue代码的方法

vscode代码保存时自动格式化成ESLint风格(支持VUE)

vue项目中开发规范记录

用vue+eslint+vscode实现代码规范化

vscode 自动 eslint 校验

用vscode时vue总是弹出报错提示框,怎么关闭,不是eslint