VSCode配置eslint

在Vue.js项目中,使用的是eslint检查。

而在我写完代码后,cnpm run dev运行命令。。。然后悲剧了,一大堆报错!╮(╯▽╰)╭

安装插件:Vetur:这是vscode上一个vue.js代码提示,语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier,所以使用vscode右键自带的“格式化文件 Alt+shift+F”,会存在一些问题:

比如强制双引号(double quotes)、行尾自动加上分号(semicolon)等。

重点是:这些在eslint中报错!!!无语O__O "…

 

所以在用户设置setting.json里面:可以这样设置

VSCode配置eslint

注意:这样设置后,是vscode右键格式化显示效果;不过还有点小问题,函数名后面的圆括号与函数名不会格式化后添加空格(而这导致在eslint中语法报错,╮(╯▽╰)╭)

 

解决方法安装ESLint插件,同样是用户设置setting.json:

1 //配置eslint 2 "eslint.autoFixOnSave": true, 3 "files.autoSave":"off", 4 "eslint.validate": [ 5 "javascript", 6 "javascriptreact", 7 "html", 8 { "language": "vue", "autoFix": true } 9 ], 10 "eslint.options": { 11 "plugins": ["html"] 12 }, 13 //为了符合eslint的两个空格间隔原则 14 "editor.tabSize": 2

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxppz.html