vscode中实用eslint与vetur来规范vue项目

现在我们很多项目上都会使用eslint来规范一些写法，这样会使得我们的代码更加的一致，但是很多时候我们并不习惯使用eslint，而且一些eslint的写法虽然好，但是会多一些步骤，比如多写一个空格之类的，而我们平时在写代码的时候，也会借助编辑器的格式化来格式化代码，这样就省去了很多手工操作，但是有的时候编辑器的格式化方式跟eslint冲突，这个时候我们怎么解决呢？
下面介绍vscode下怎么解决这些问题，怎么让我们安心的写代码，不用管报错，只要我们格式化一些，保存一下就能解决大部分的eslint写法问题(不能解决的问题比如某个位置缺少一个逗号啊，变量创建但是没有使用啊，这些需要自己手动更改)

选择的编辑器是vscode，我们要使用eslint首先就要我们的项目是受eslint约束的，我们要npm安装eslint，并且安装一个叫做eslint的vscode的插件

随后我们打开用户设置进行配置，配置成每次保存的时候都使用eslint进行一次格式化，

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]
}

但是这个时候我们会遇到一些问题，如果我们使用的是默认的eslint设置，这时候是不允许后面有分号的，而我们格式化是会自动加上分号的，再比如分号的问题，原来的格式化是双引号而现在的是eslint要求是单引号，这是不行的
因此我们进行修改