个人使用的一套配置，包含 ESLint、Prettier、TypeScript 等配置。
npm install --save-dev @goodbyenjn/configs
# or
pnpm add -D @goodbyenjn/configs
# or
yarn add -D @goodbyenjn/configs本配置基于 eslint-config-alloy 和 @antfu/eslint-config，并增加了 eslint-plugin-import-x、eslint-plugin-react-hooks 等插件。
npm install --save-dev eslint
# or
pnpm add -D eslint
# or
yarn add -D eslint在你的项目根目录下创建一个 eslint.config.mjs 文件，并将以下内容复制进去：
import { withConfig } from "@goodbyenjn/configs/eslint";
export default withConfig();本配置会根据 package.json 文件中是否存在 react、vue 和 typescript 依赖项来自动启用对应的规则。
你也可以手动覆盖相关配置，例如：
import { withConfig } from "@goodbyenjn/configs/eslint";
export default [
...withConfig({
// 禁用 TypeScript 相关规则
typescript: false,
// 启用 React 相关规则
react: {
// 手动指定 React 版本
version: "18",
// 覆盖 React 相关规则
overrides: {
"react/react-in-jsx-scope": "off",
},
},
// 启用 Vue 相关规则
vue: true,
}),
];本配置带类型定义，在进行配置时会有智能提示。
npm install --save-dev prettier
# or
pnpm add -D prettier
# or
yarn add -D prettier在你的项目根目录下创建一个 prettier.config.mjs 文件，并将以下内容复制进去：
import { withConfig } from "@goodbyenjn/configs/prettier";
export default withConfig();本配置会自动忽略 .gitignore 中列出的文件，并且会忽略一些常见的文件，例如 dist、.next、.nuxt、.output、.vercel、package-lock.json、yarn.lock、pnpm-lock.yaml 等。详细列表请查看 globs.ts 文件。
如果你需要忽略其他文件，可以在 prettier.config.mjs 中添加 ignores 选项，例如：
import { withConfig } from "@goodbyenjn/configs/prettier";
export default withConfig({
// 忽略所有的 JSON 文件
ignores: ["*.json"],
});其中 ignores 选项的格式与 Prettier 配置中的 overrides[].files 选项相同。详情请参考 Prettier 文档。
npm install --save-dev typescript
# or
pnpm add -D typescript
# or
yarn add -D typescript在你的项目根目录下创建一个 tsconfig.json 文件，并将以下内容复制进去：
{
"extends": "@goodbyenjn/configs/tsconfigs/<name>"
}其中 <name> 可以是以下值：
base: 基础配置，包含大多数常用的配置项。react: 在base的基础上增加了 React 相关配置，包含jsx配置项和dom相关的库。decorator: 在base的基础上增加了装饰器相关配置，包含emitDecoratorMetadata和experimentalDecorators配置项。