VScode 使用ESlint检查代码

VScode 使用ESlint检查代码

1.配置ESlint自动格式化代码

安装扩展：Eslint、Vetur、 Prettier - Code formatter

然后文件-首选项-配置。

打开setting.json进行配置如下：

{
    //关闭自动保存
  "files.autoSave": "off",
  //关闭vscode自带代码修复，避免与ESlint冲突
  "editor.formatOnSave": false,
  // 启用ESlint作为格式化工具
  "eslint.format.enable": true,
  "eslint.run": "onType",
  //配置 ESLint 检查的文件类型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue"
  ],
  //重要，让eslint显示在右下角，点击可观察插件运行是否有问题
  "eslint.alwaysShowStatus": true,
  //代码保存时，自动执行ESlint格式化代码
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2.常见的ESLint的错误

Identifier ‘ans_1’ is not in camel case.

要求变量名使用驼峰式。

---

Expected '===' and instead saw ‘==’.

判断相等使用三个等。

---

Unexpected var, use let or const instead.

for循环里的i 使用let 。

---

Unexpected trailing comma.

行末不能有逗号。

import {
  INetworkEndpoint,
  NetworkEndpointAPI,
  IService,
  UpdateServices, //这里不要逗号
}
1
2
3
4
5
6

---

Extra semicolon.

额外的分号

---

Strings must use singlequote.

字符串必须是单引号。