SuperAPI AI 工具集

eslint

编程与开发

查看项目

更新于 10-15 23:33

技能介绍

用途:该技能提供在 JavaScript 与 TypeScript 项目中配置和使用 ESLint 的指导,通过自动化 lint 维护代码质量、一致性与最佳实践。

主要能力:配置 ESLint;设置 lint 规则与插件;修复代码中的 lint 错误;将 ESLint 集成到编辑器与 CI/CD;强制代码质量标准。

使用方式:应扩展推荐配置,例如 extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended"],而非从零手写规则。TypeScript 项目需使用 @typescript-eslint/parser 并添加 @typescript-eslint 插件。可在 package.json 中配置脚本:"lint": "eslint . --ext .js,.jsx,.ts,.tsx","lint:fix": "eslint . --ext .js,.jsx,.ts,.tsx --fix"。React 项目可加入 plugin:react/recommended 与 plugin:react-hooks/recommended。需要自动修复时运行 eslint --fix,或在编辑器中配置保存时修复。自定义规则写入 rules 对象,取值为 "error"、"warn" 或 "off";单行禁用可用 // eslint-disable-next-line rule-name。Monorepo 可用多个 .eslintrc 文件或 override 模式;与 Prettier 冲突时用 eslint-config-prettier 关闭格式化规则。

适用场景:为 JS/TS 项目配置 ESLint、设置规则与插件、修复 lint 错误、集成编辑器与 CI/CD、统一代码质量标准。

限制:不适用于仅做代码格式化(应使用 prettier 技能)、TypeScript 类型检查(应使用 typescript 技能)或构建配置(应使用 vite 或 webpack 技能)。需处理 monorepo 配置、多环境(node、browser)、内联注释规则例外,并在严格性与开发者体验之间取得平衡。