vscode新版eslint自动修复_vscode下的eslint自动修复配置

2019独角兽企业重金招聘Python工程师标准>>>

1、 确认工程是否安装eslint-plugin-vue

如图所示&＃xff0c;确认工程里的package.json里是否有eslint-plugin-vue的信息

如果没有可以执行命令安装&＃xff1a;

npm i -g eslint-plugin-vue

2&＃xff64;vscode安装 eslint 和 vetur 插件 (图是盗的)

3&＃xff64;修改vscode的配置选项

我使用的是mac&＃xff0c;路径&＃xff1a; 左上角code菜单->首选项->设置->右边的{} 如图所示&＃xff1a;

然后贴上如下代码

"eslint.enable": true,

"eslint.autoFixOnSave": true,

"eslint.run": "onType",

"eslint.options": {

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

},

"eslint.validate": [

"Javascript",{

"language": "vue",

"autoFix": true

},"html",

"vue"

],

^_^ happy fun 每次保存都会自动修复eslint