eslint-plugin-vuefix: 基于eslint开发的插件vuefix，用命令直接修复ESLint

自动修复vue文件中检测到的编码规范问题。重构老项目的代码时能减少很多工作量。 

1、打开package.json，在script里找到截图总所示lint,

修改为：（中间插入--fix）

"lint": "eslint --fix --ext .js,.vue src"，

2、终端运行npm run lint修改代码样式

 

不过以上方法针对修复js中的eslint报错，如需修复vue中的，还需安装eslint-plugin-vuefix插件

1. 安装

$ npm i eslint -D # local 
$ npm i eslint-plugin-vuefix -D # local 
# or 
$ npm i eslint -g # global 
$ npm i eslint-plugin-vuefix -g # global 

需要与eslint使用同样的方式安装，

2. 使用

在“.eslintrc” 文件中添加插件声明

{
    "plugins": [
        "vuefix"
    ]
}

3. 终端运行npm run lint

启动项目，返回页面，控制台不再显示eslint报错信息

具体详见eslint-plugin-vuefix 用法