draco.devdraco.dev
AI 导航
工具包
关于我
⌘ K

Table of Contents

安装
配置 .eslintrc.js
JavaScript
TypeScript
了解更多
工具包
commitlint
eslint
markdownlint
prettier
stylelint
tsconfig
上一篇
commitlint
下一篇
markdownlint

Community

Report Bug

Help

GitHub
Open-source MIT Licensed - Powered by Draco
文档
更新日志

@draco-china/eslint

本包是基于《阿里巴巴前端规约》配套的 ESLint 可共享配置,提供了多套配置文件以支持 JavaScript、TypeScript、React、Vue、Node.js 等多种项目类型。

如果想自己手动接入,可以在下方查找自己项目类型所需安装的依赖和 ESLint 配置:

安装

bash

配置 .eslintrc.js

JavaScript

js

TypeScript

js

了解更多

  • 如果你对 ESLint 还不熟悉,可以阅读官网的 Getting Started 快速入门。
  • 了解如何为 IDE 配置 ESLint,可以参考官网的 Integrations。
  • 了解如何在继承本包的基础上对项目 ESLint 进行个性化配置,可参考官网的 Configuring ESLint。下面简介下 ESLint 配置中的几个常用字段:
    • extends: 继承一组规则集。"extends": ["@draco-china/eslint"], 表示继承本包定义的规则配置。
    • rules: 配置规则,这里定义的规则会覆盖 extends 的规则。如果觉得本包开启的某条规则过于严格,你可以暂时在这里将其关闭。
    • parser: 设置 ESLint 的解析器。ESLint 使用 espree 作为默认的解析器,可以通过这个参数指定其他的解析器。比如指定为 @Babel/eslint-parser,以解析 Babel 支持但 ESLint 默认解析器不支持的语法(本包不同配置文件使用的解析器可在简介表格中的「依赖 parser」一列查看)。
    • globals: 指定代码中可能用到的全局变量,以免全局变量被 no-undef 规则报错。
    • env: 指定代码的运行环境,每个环境预定义了一组对应的全局变量,本包已开启的环境有 browser、node、jQuery、ES6 及几个测试框架的环境。
  • 了解常用的 ESLint 命令,如 --fix、--ext,可参考官网的 Command Line Interface。