SuperAPI AI 工具集

eslint-prettier-config

编程与开发

查看项目

更新于 10-16 03:16

技能介绍

用途:该技能用于为项目搭建 ESLint 与 Prettier 配置,实现一致的代码检查与格式化,重点面向 TypeScript、React 及现代前端最佳实践。当用户提出“ESLint setup”“Prettier”等需求时使用。

核心流程:安装 ESLint、Prettier 及插件;配置 ESLint 的 rules 与 extends;配置 Prettier 格式化选项;集成 ESLint 与 Prettier;设置 lint 与 format 脚本;添加提交前校验钩子。

主要能力:提供 ESLint Flat Config(v9+,eslint.config.mjs)与旧版 .eslintrc.json 两种写法;集成 @typescript-eslint、eslint-plugin-react、react-hooks、react-refresh、eslint-plugin-import;用 eslint-config-prettier 关闭与 Prettier 冲突的规则;提供 .prettierrc 与 .prettierignore;给出 package.json 脚本、依赖版本、Husky 与 lint-staged、commitlint、VS Code settings.json 与 extensions.json、Next.js 与 Node.js/API 专用配置及自定义规则示例。

使用方式:通过 npm 安装所需开发依赖并按示例生成配置文件;运行 lint、lint:fix、format、format:check、typecheck、check 等脚本;用 npx husky init 初始化钩子并配置 pre-commit 执行 npx lint-staged。

适用场景:TypeScript 与 React 项目、Next.js(可 extends next/core-web-vitals)、Node.js/API 项目,以及需要统一团队规范、编辑器保存自动修复和 CI 校验的代码库。

限制:资料仅给出配置示例与最佳实践,未提供具体的收费、价格、平台支持范围或实际效果说明;示例中的依赖版本与规则需按项目实际情况确认,这些信息暂未提供进一步说明。