Vs code 一键通过eslint 检测

说到eslint 可能会有很多开发者去抵触 哇 这个东西真的是。。。

代码末尾不能加分号

代码中不能存在多行空行

tab键不能使用，必须换成两个空格

代码中不能存在声明了但未使用的变量.. 等等等等

我的天 这简直是反人类设计啊！ 不知道小伙伴有没有为此抓狂 应该也会有很多人想开启eslint 去规范自己代码 后来实在是 就差打自己了的那种 又默默把eslint检测关掉的..

下面就来介绍如何一建保存代码通过eslint检测把 - -

首先 现在vscode 安装 eslint 插件和 vetur 插件

然后 打开VS code 左下角有个小齿轮 没错 就是他 大胆的点击它把 不犯法！

点击小齿轮后 有提示在打开设置会弹出用户设置 这个东东（楼主因为是用的vue项目 暂时配置vue）

然后在右侧配置

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

接下来 大家就可以爽快的用 ctrl/command + s 来保存格式化代码喽

如果大家还不满意 可以从.eslintrc.js 去配置eslint 检测

error	2	作为错误
warn	1	作为提醒
off	0	关闭该规则
复制代码

在.eslintrc.js 的rules 去大胆的配置把 里面的规则 就需要小伙伴去查喽

say GoodBye~