正文

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

admin
admin V管理员 /0 评论 /311 阅读
0110
此篇文章发布距今已超过618天，您需要注意文章的内容或图片是否可用！

Vue初始化项目时如果不小心安装了js 语法检测 功能，撸码时一个空格不对就会各种报错

 个人感觉这个语法检测功能很有点过于严格，用起来十分难受，所以果断关闭eslint，找到webpack.base.conf.js注释下面代码

然后在扩展中安装Vetur和ESLint

完成后发现， 运行项目虽然不报错了，但是ctrl+s保存的时候还是会代码还是报红，如下

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

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

重新加载项目就OK了

宙飒天下