相信很多人为了符合公司某个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语法校验就算完了