什么是ESLint?

Posted 书和咖啡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了什么是ESLint?相关的知识,希望对你有一定的参考价值。

在我们学习ESLint之前,我们先来了解一下什么是ESLint ?

什么是ESLint?

官网上告诉我们,ESLint 是一个用来识别 ECMAScript/javascript 并且按照规则给出报告的代码检测工具,哦,所以我们可以知道,ESLint 就是一个工具,而且是一个用来检查代码的工具。

代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查,一般来说编译程序会内置检查工具。

JavaScript 是一个动态的弱类型语言,在开发中比较容易出错。因为没有编译程序,为了寻找 JavaScript 代码错误通常需要在执行过程中不断调试。

ESLint 这样的工具可以让程序员在编码的过程中发现问题,而不是在执行的过程中发现问题。

ESLint和 JSLint、JSHint的区别

在许多方面,ESLint和 JSLint、JSHint 相似,不过以下几点除外:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的模式。
  • ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。

ESlint的特点

  • 内置规则和自定义规则共用一套规则 API。

  • 内置的格式化方法和自定义的格式化方法共用一套格式化 API。

  • 额外的规则和格式化方法能够在运行时指定。

  • 规则和对应的格式化方法并不强制捆绑使用。

  • 每条规则都是各自独立的,可以根据项目情况选择开启或关闭。

  • 用户可以将结果设置成警告或者错误。

  • ESLint 并不推荐任何编码风格,规则是自由的。

  • 所有内置规则都是泛化的。

链接:https://www.9xkd.com/

以上是关于什么是ESLint?的主要内容,如果未能解决你的问题,请参考以下文章

前端每周学习分享--第2期

ESLint 配置说明

什么是“解析错误:已为 @typescript-eslint/parser 设置了“parserOptions.project”。 IntelliJ IDE 系列中的错误?

Webpack 5 集成 ESLint 的方法

eslint的安装与使用

ESLint-plugin-React 中文