Open fxxqq opened 5 years ago
注意要安装在开发环境上,还有就是如果你使用的是脚手架的话,选了Eslint选项,会自带这些包。
用于校验代码格式,根据项目情况,可自行编写校验规则:
module.exports = { // Eslint规则 }
首选项设置: 将下面这部分放入首选项设置中:
"eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascript", // 用eslint的规则检测js文件 { "language": "vue", // 检测vue文件 "autoFix": true // 为vue文件开启保存自动修复的功能 }, { "language": "html", "autoFix": true }, ],
点开文件,你可能会看到如下报错,无需一个一个去改,只要保存一下文件,就可以自动修复这些代码格式上的问题了。
注意: 如果整个文件都飘红的话,不会一次性修改如果的格式问题,会一下改一部分,你可能需要多按几次保存。
配置:
安装VsCode的EsLint和vetur插件
为项目安装EsLint包
注意要安装在开发环境上,还有就是如果你使用的是脚手架的话,选了Eslint选项,会自带这些包。
在项目的根目录下添加.eslintrc.js
用于校验代码格式,根据项目情况,可自行编写校验规则:
首选项设置: 将下面这部分放入首选项设置中:
大功告成:
点开文件,你可能会看到如下报错,无需一个一个去改,只要保存一下文件,就可以自动修复这些代码格式上的问题了。