怎么配置 ESLint ?

怎么配置 ESLint ?

💡 原文中文,约2600字,阅读约需7分钟。
📝

内容提要

ESLint是一个用于检查ECMAScript/JavaScript代码的工具,可以保证代码的一致性和避免错误。它有三种配置方式:注释配置、项目配置文件和用户配置。配置文件中的字段包括extends、root、rules、env和globals。还介绍了parser、processor和plugins的用法,以及如何过滤文件和目录。

🎯

关键要点

  • ESLint 是一个用于检查 ECMAScript/JavaScript 代码的工具,旨在保证代码一致性和避免错误。

  • ESLint 有三种配置方式:注释配置、项目配置文件和用户配置。

  • 注释配置将配置信息嵌入到代码源文件中,项目配置文件在项目根目录中使用 JavaScript、JSON 或 YAML 文件,用户配置在 Home 目录中。

  • 配置优先级为:注释配置 > 项目配置文件 .eslintrc.* > 项目配置文件 package.json 的 eslintConfig 字段 > 用户配置。

  • 配置文件中的字段包括 extends、root、rules、env 和 globals。

  • extends 字段指定基础配置,可以是字符串或数组,ESLint 内置了 eslint:recommended 和 eslint:all 两种基础配置。

  • root 字段用于限制 ESLint 只在特定项目中查找配置文件。

  • rules 字段定义每条规则的开关值,值可以是 off、warn 或 error。

  • env 字段定义环境,globals 字段定义全局变量。

  • parser 字段指定解析器,processor 用于处理器,plugins 用于添加配置、规则和解析器。

  • 可以使用 .eslintignore 文件过滤 ESLint 处理的文件和目录,类似于 .gitignore。

➡️

继续阅读