VScode 使用ESlint检查代码

Posted Harris-H

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
  

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, //这里不要逗号


Extra semicolon.

额外的分号


Strings must use singlequote.

字符串必须是单引号。

以上是关于VScode 使用ESlint检查代码的主要内容,如果未能解决你的问题,请参考以下文章

vscode新版1.31.1使用代码检查工具ESlint支持VUE

vscode代码保存时自动格式化成ESLint风格(支持VUE)

VScode开发Vue项目,关闭eslint代码检查,以及相关配置

VSCode + ESLint + Prettier 代码语法检查和格式化

用vue+eslint+vscode实现代码规范化

vscode+eslint自动格式化vue代码的方法