使用vue-cli创建的vue项目实现保存编译时自动按eslint规则调整代码

使用vue-cli 3+构建的vue项目实现保存时按eslint规则自动格式化代码格式

 

学习vue中发现空格多一个等等各种小错误，vs回车 自动就是四个空格，但要求是两个空格，如此岂不是次次错误，so改成自动格式化代码风格，完美

配置如下，写入根目录下vue.config.js

// vue.config.js

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('eslint')
      .use('eslint-loader')
      .loader('eslint-loader')
      .tap(options => {
        options.fix = true
        return options
      })
  }
}

之后重启服务就可了