{"id":15286239,"url":"https://github.com/pengzhanbo/configs","last_synced_at":"2026-04-18T08:12:32.859Z","repository":{"id":60535955,"uuid":"542540340","full_name":"pengzhanbo/configs","owner":"pengzhanbo","description":"Config preset for eslint, prettier, stylelint","archived":false,"fork":false,"pushed_at":"2026-04-03T07:53:15.000Z","size":2294,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-03T14:16:37.587Z","etag":null,"topics":["eslint","prettier","stylelint"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pengzhanbo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-09-28T10:48:46.000Z","updated_at":"2026-04-03T07:53:15.000Z","dependencies_parsed_at":"2023-12-21T18:56:33.589Z","dependency_job_id":"71f7e654-a628-47ee-8042-6d2da647e7d3","html_url":"https://github.com/pengzhanbo/configs","commit_stats":{"total_commits":317,"total_committers":1,"mean_commits":317.0,"dds":0.0,"last_synced_commit":"2ec3d31f8eebcb2393cab9ba5e182b47a2f19cf2"},"previous_names":[],"tags_count":118,"template":false,"template_full_name":null,"purl":"pkg:github/pengzhanbo/configs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fconfigs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fconfigs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fconfigs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fconfigs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pengzhanbo","download_url":"https://codeload.github.com/pengzhanbo/configs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fconfigs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31961352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint","prettier","stylelint"],"created_at":"2024-09-30T15:11:17.018Z","updated_at":"2026-04-18T08:12:32.852Z","avatar_url":"https://github.com/pengzhanbo.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# @pengzhanbo/configs\n\n个人用的 ESLint、Stylelint、Prettier 配置库，支持 JavaScript/TypeScript 项目及多种框架。\n\n## Packages\n\n| Package                 | Description                     |\n| ----------------------- | ------------------------------- |\n| `eslint-config`         | 基础 ESLint 配置（flat config） |\n| `eslint-config-vue`     | Vue 项目预设                    |\n| `eslint-config-react`   | React 项目预设                  |\n| `eslint-config-solid`   | SolidJS 项目预设                |\n| `eslint-config-svelte`  | Svelte 项目预设                 |\n| `eslint-config-astro`   | Astro 项目预设                  |\n| `eslint-config-angular` | Angular 项目预设                |\n| `stylelint-config`      | CSS/SCSS 配置，支持 TailwindCSS |\n| `prettier-config`       | Prettier 配置（已废弃）         |\n| `tsconfig`              | 共享 TypeScript 配置            |\n\n## Quick Start\n\n### JavaScript / TypeScript 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config'\n\nexport default eslintConfig()\n```\n\n### Vue 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config-vue\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config-vue'\n\nexport default eslintConfig()\n```\n\n### React 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config-react\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config-react'\n\nexport default eslintConfig()\n```\n\n### Solid 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config-solid\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config-solid'\n\nexport default eslintConfig()\n```\n\n### Svelte 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config-svelte\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config-svelte'\n\nexport default eslintConfig()\n```\n\n### Astro 项目\n\n```bash\npnpm add -D eslint @pengzhanbo/eslint-config-astro\n```\n\n```js\n// eslint.config.js\nimport eslintConfig from '@pengzhanbo/eslint-config-astro'\n\nexport default eslintConfig()\n```\n\n### Stylelint\n\n```bash\npnpm add -D stylelint @pengzhanbo/stylelint-config\n```\n\n```json\n// .stylelintrc.json\n{\n  \"extends\": \"@pengzhanbo/stylelint-config\"\n}\n```\n\n## 配置选项\n\n`eslintConfig()` 接受一个选项对象来定制配置：\n\n```js\nexport default eslintConfig({\n  // 禁用 stylistic 格式规则\n  stylistic: false,\n\n  // 自定义 stylistic 规则\n  stylistic: {\n    indent: 2,\n    quotes: 'single',\n  },\n\n  // 显式启用 TypeScript\n  typescript: true,\n\n  // 启用类型感知规则（需要 tsconfig.json）\n  typescript: {\n    tsconfigPath: 'tsconfig.json',\n  },\n\n  // 禁用部分配置\n  jsonc: false,\n  yaml: false,\n  test: false,\n\n  // 启用 UnoCSS / TailwindCSS 支持\n  unocss: true,\n  tailwindcss: true,\n\n  // 扩展忽略文件\n  ignores: ['fixtures/**'],\n})\n```\n\n### 完整配置选项\n\n| 选项                | 类型                   | 默认值  | 说明                        |\n| ------------------- | ---------------------- | ------- | --------------------------- |\n| `gitignore`         | `boolean \\| object`    | `true`  | 支持 gitignore              |\n| `ignores`           | `string[] \\| function` | `[]`    | 额外忽略的文件              |\n| `javascript`        | `boolean \\| object`    | `true`  | JavaScript 基础规则         |\n| `node`              | `boolean`              | `true`  | Node.js 规则                |\n| `typescript`        | `boolean \\| object`    | `auto`  | TypeScript 支持（自动检测） |\n| `jsx`               | `boolean \\| object`    | `true`  | JSX 规则                    |\n| `imports`           | `boolean \\| object`    | `true`  | import 排序规则             |\n| `jsdoc`             | `boolean`              | `true`  | JSDoc 规则                  |\n| `unicorn`           | `boolean \\| object`    | `true`  | Unicorn 规则                |\n| `stylistic`         | `boolean \\| object`    | `true`  | 格式风格规则                |\n| `test`              | `boolean \\| object`    | `true`  | Vitest 测试规则             |\n| `regexp`            | `boolean \\| object`    | `true`  | 正则表达式规则              |\n| `jsonc`             | `boolean \\| object`    | `true`  | JSONC 支持                  |\n| `yaml`              | `boolean \\| object`    | `true`  | YAML 支持                   |\n| `toml`              | `boolean \\| object`    | `true`  | TOML 支持                   |\n| `markdown`          | `boolean \\| object`    | `true`  | Markdown 支持               |\n| `vue`               | `boolean \\| object`    | `auto`  | Vue 支持（自动检测）        |\n| `react`             | `boolean \\| object`    | `false` | React 支持                  |\n| `solid`             | `boolean \\| object`    | `false` | SolidJS 支持                |\n| `svelte`            | `boolean \\| object`    | `false` | Svelte 支持                 |\n| `astro`             | `boolean \\| object`    | `false` | Astro 支持                  |\n| `angular`           | `boolean \\| object`    | `false` | Angular 支持                |\n| `nextjs`            | `boolean \\| object`    | `false` | Next.js 支持                |\n| `unocss`            | `boolean \\| object`    | `false` | UnoCSS 支持                 |\n| `tailwindcss`       | `boolean \\| object`    | `false` | TailwindCSS 支持            |\n| `pnpm`              | `boolean \\| object`    | `auto`  | pnpm workspace 支持         |\n| `formatters`        | `boolean \\| object`    | `false` | 启用代码格式化              |\n| `lessOpinionated`   | `boolean`              | `false` | 禁用部分opinionated规则     |\n| `type`              | `'app' \\| 'lib'`       | `'app'` | 项目类型，`lib` 更严格      |\n| `autoRenamePlugins` | `boolean`              | `true`  | 自动重命名插件              |\n\n### 框架预设包的区别\n\n框架预设包（如 `eslint-config-vue`）与基础包的区别在于：\n\n1. **预置框架选项**：`eslint-config-vue` 默认 `vue: true`\n2. **内置 peer 依赖**：已包含 `eslint-plugin-vue`、`vue-eslint-parser` 等\n3. **简化使用**：开箱即用，无需手动配置框架选项\n\n## Rules Overrides\n\n某些规则只能在特定文件中启用，如 `ts/*` 只能在 `.ts` 文件中：\n\n```js\nexport default eslintConfig(\n  { typescript: true },\n  {\n    // 指定文件 glob\n    files: ['**/*.vue'],\n    rules: {\n      'vue/operator-linebreak': ['error', 'before'],\n    },\n  },\n  {\n    // 无 files，表示全局规则\n    rules: {\n      'style/semi': ['error', 'never'],\n    },\n  },\n)\n```\n\n## 可选插件\n\n以下插件需要手动安装并启用：\n\n### UnoCSS\n\n```bash\npnpm add -D @unocss/eslint-plugin\n```\n\n```js\nexport default eslintConfig({\n  unocss: true,\n})\n```\n\n### TailwindCSS\n\n```bash\npnpm add -D eslint-plugin-tailwindcss\n```\n\n```js\nexport default eslintConfig({\n  tailwindcss: true,\n})\n```\n\n## Stylelint 配置选项\n\n```json\n{\n  \"extends\": \"@pengzhanbo/stylelint-config\",\n  \"rules\": {\n    // 自定义规则\n  }\n}\n```\n\n或使用 JavaScript 配置：\n\n```js\n// stylelint.config.js\nimport stylelintConfig from '@pengzhanbo/stylelint-config'\n\nexport default stylelintConfig({\n  order: true,      // 属性排序\n  stylistic: true,   // 格式风格\n  scss: true,        // SCSS 支持\n})\n```\n\n## VS Code 配置\n\n### ESLint\n\n安装 [ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)，添加至 `.vscode/settings.json`：\n\n```json\n{\n  \"eslint.experimental.useFlatConfig\": true,\n  \"prettier.enable\": false,\n  \"editor.formatOnSave\": false,\n  \"editor.codeActionsOnSave\": {\n    \"source.fixAll.eslint\": \"explicit\"\n  },\n  \"eslint.rules.customizations\": [\n    { \"rule\": \"style/*\", \"severity\": \"off\" },\n    { \"rule\": \"*-indent\", \"severity\": \"off\" },\n    { \"rule\": \"*-spacing\", \"severity\": \"off\" }\n  ],\n  \"eslint.validate\": [\n    \"javascript\",\n    \"javascriptreact\",\n    \"typescript\",\n    \"typescriptreact\",\n    \"vue\",\n    \"html\",\n    \"markdown\",\n    \"json\",\n    \"jsonc\",\n    \"yaml\"\n  ]\n}\n```\n\n### Stylelint\n\n```json\n{\n  \"css.validate\": false,\n  \"less.validate\": false,\n  \"scss.validate\": false,\n  \"stylelint.validate\": [\"css\", \"scss\", \"postcss\"],\n  \"editor.codeActionsOnSave\": {\n    \"source.fixAll.stylelint\": \"explicit\"\n  }\n}\n```\n\n## 开发\n\n```bash\n# 安装依赖\npnpm install\n\n# 构建所有包\npnpm build\n\n# 代码检查\npnpm lint\n\n# 运行测试\npnpm test\n```\n\n## 架构说明\n\n### ESLint Config\n\n核心在 `packages/eslint-config/src/factory.ts`，通过 `FlatConfigComposer` 组合模块化配置：\n\n- **基础配置**：`javascript`、`typescript`、`imports`、`node`、`jsdoc`、`unicorn`、`regexp`、`test`、`stylistic`\n- **框架配置**：`vue`、`react`、`solid`、`svelte`、`astro`、`angular`\n- **工具配置**：`unocss`、`tailwindcss`、`markdown`、`jsonc`、`yaml`、`toml`\n- **格式配置**：`formatters`（需要安装 `eslint-plugin-format`）\n\n插件自动重命名：\n\n- `@eslint-react` → `react`\n- `@typescript-eslint` → `ts`\n- `@stylistic` → `style`\n- `vitest` → `test`\n- `yml` → `yaml`\n\n### Stylelint Config\n\n`packages/stylelint-config/` 基于 `stylelint-config-standard` 和 `stylelint-config-standard-scss`，集成：\n\n- `stylelint-order` - 属性排序\n- `@stylistic/stylelint-plugin` - 格式风格\n\n## Thanks\n\n- [eslint](https://eslint.org/)\n- [stylelint](https://stylelint.io/)\n- [prettier](https://prettier.io/)\n- [@antfu/eslint-config](https://github.com/antfu/eslint-config)\n\n\u003c!--8.2.0--\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Fconfigs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpengzhanbo%2Fconfigs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Fconfigs/lists"}