vue解决ESLint语法标准校验

相信很多人为了符合公司某个vue的语法标准有被ESLint校验整的非常头疼的，因为vscode这个工具本身的代码格式化并不适用于ESLint语法规则，所以为了代码规范好看一校验代码就会提示不符合语法校验规则。下面就简略的用几张图概括问题的解决方式，简单快捷一劳永逸，如下：

 

 

 

先安装Vetur和ESLint插件，其实Vetur插件可以不用安装的，不过你是写vue，安装这个插件总是好的。

然后按照图片顺序依次往下执行，最后我把要写入settings.json配置的代码附上：

 // eslint语言校验配置

  "eslint.enable": true,

  "eslint.run": "onType",

  "eslint.options": {

    "extensions": ["js", "vue", ".jsx", ".tsx"]

  },

  "editor.codeActionsOnSave": {

    "source.fixAll.eslint": true

  },

最后随便你怎么格式化都无所谓了，有些人格式化可能会出以下“提示问题”，原因是因为格式化插件安装的太多了，好几种风格，其实这都无所谓，下面我用图片说事实

 

 

 直接配置直接覆盖完事，最后，解决ESLint语法校验就算完了