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

****

最近学习了一下vue-cli 3+的使用，也使用vue-cli 3+创建了一个demo项目。在感受其vue GUI的魅力的同时也深深的被vue-cli 3+创建的项目的简洁所折服。

本文主要叙述如何在vue-cli 3+的项目中配置eslint-loader的options来实现项目开发中保存执行eslint语法检测，并自动修复不符合eslint规则的语法，从而保证团队开发过程中的语法风格的一致性。

具体实现代码如下：

// vue.config.js

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

在这里插入代码片vue.config.js中输入保存以上代码重启开发服务即可。
————————————————
版权声明：本文为CSDN博主「辛巴德2018」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_39217871/article/details/89390666