VScode中保存时使用ESlint进行代码检查

在进行vue开发时，使用ESlint进行代码检查，虽然VScode自带代码格式化功能，但是默认格式化之后的代码不能通过ESlint的检查。在安装ESlint插件之后，按照以下操作便可以进行保存时进行，ESlint的代码格式化

1、安装 eslint 插件

image.png

2、打开用户配置

文件 > 首选项 > 设置

在用户设置中填写如下配置：

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

eslint.autoFixOnSave 用来进行保存时自动格式化，但是默认只支持 javascript .js 文件。
eslint.validate 用来配置作用的文件类型。