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

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

VScode开发Vue项目,关闭eslint代码检查,以及相关配置_第1张图片
image

首先安装Vetur和ESLint

VScode开发Vue项目,关闭eslint代码检查,以及相关配置_第2张图片
image

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

[
复制代码

](javascript:void(0); "复制代码")

{ "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 }

[
复制代码

](javascript:void(0); "复制代码")

重新加载项目就行了

你可能感兴趣的:(VScode开发Vue项目,关闭eslint代码检查,以及相关配置)