配置vue使保存时文件自动格式化为爱彼迎

在写前端的时候，被eslint规范搞得有点折磨，原本是想通过配置vscode让文件被保存的时候自动保存为爱彼迎格式的，但是配置非常繁琐，后来突然发现可以直接在package.json中通过配置script来在项目运行时自动执行yarn lint

实例：

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "start": "vue-cli-service lint && vue-cli-service serve",
    "start": "vue-cli-service lint & vue-cli-service serve"
  },

在这里 & 表示并发的执行两条命令； && 表示继发的执行两条命令

但是发现还有问题，这样的配置只有第一次输入yarn start时生效，在vue热更新时是不生效的，还是会因为eslint报错

最后发现可以使用vue.config.js配置来解决

实例：

    module.exports = {
    devServer: {
      port: 3000,
      open: true,
      proxy: 'http://localhost:3001',
    },
    chainWebpack: config => {
      config.module
        .rule('eslint')
        .use('eslint-loader')
        .loader('eslint-loader')
        .tap(options => {
          options.fix = true
          return options
        })
    }
  };

从第一次写vue时，这个问题就一直在折磨我，导致我在使用脚手架搭建项目时都会自觉把eslint勾取，代码格式全凭自觉，最后发现居然是这么简单就能解决的