vscode下的eslint自动修复配置

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

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

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

如果没有可以执行命令安装：

npm i -g eslint-plugin-vue

2､vscode安装 eslint 和 vetur 插件 （图是盗的）

3､修改vscode的配置选项

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

然后贴上如下代码

 "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

转载于:https://my.oschina.net/jjyuangu/blog/2998993