菜单

开发环境设置

相关源文件

本文档提供了 GitHub Readme Stats 开发环境设置的详细说明。它涵盖了在本地运行项目所需的先决条件、安装步骤和配置。有关测试系统的详细信息,请参阅测试系统

先决条件

在设置开发环境之前,请确保您已安装以下软件:

  • Node.js:版本 18.0.0 或更高版本(如 package.json74-76 所指定)
  • npm:用于包管理
  • Git:用于版本控制
  • Vercel 账户:本地部署和测试所需

来源:package.json CONTRIBUTING.md31

设置过程

来源:CONTRIBUTING.md30-38

步骤 1:安装 Vercel CLI

本项目使用 Vercel 进行开发和部署。请使用 npm 全局安装 Vercel CLI:

来源:CONTRIBUTING.md33

步骤 2:Fork 和 Clone 仓库

  1. 在 GitHub 上将本仓库 Fork 到您的账户。
  2. 将您 Fork 的仓库 Clone 到本地机器。

来源:CONTRIBUTING.md34

步骤 3:安装依赖

使用 npm 安装所有必需的依赖项:

这将安装 `package.json` 文件中定义的运行时依赖项(如 axios, dotenv)和开发依赖项(如 Jest, ESLint)。

来源:CONTRIBUTING.md35 package.json38-70

步骤 4:配置 Vercel

在项目根目录下运行 vercel 命令,并按照交互式步骤将项目链接到您的 Vercel 账户。

在设置过程中,Vercel 会询问一些关于项目配置的问题。除非您需要自定义配置,否则请使用默认值。

来源:CONTRIBUTING.md36

步骤 5:启动开发服务器

使用以下命令启动本地开发服务器:

这将启动一个开发服务器,地址为 http://:3000,您可以在本地测试 API 端点。

来源:CONTRIBUTING.md37

开发工作流

来源:package.json CONTRIBUTING.md38-41

可用脚本

该项目包含多个 npm 脚本,您可以在开发过程中使用它们:

脚本描述
npm test使用 Jest 运行所有测试
npm run test:watch在监视模式下运行测试
npm run test:e2e运行端到端测试
npm run format使用 Prettier 格式化代码
npm run lint使用 ESLint 检查代码
npm run theme-readme-gen生成主题文档
npm run preview-theme预览主题

来源:package.json

使用本地 API 端点

启动开发服务器后,您可以通过以下地址访问本地 API 端点:

  • Stats Card:http://:3000/api?username=anuraghazra
  • Repository Card:http://:3000/api/pin?username=anuraghazra&repo=github-readme-stats
  • Top Languages Card:http://:3000/api/top-langs?username=anuraghazra
  • Wakatime Card:http://:3000/api/wakatime?username=anuraghazra
  • Gist Card:http://:3000/api/gist?id=<gist_id>

来源:CONTRIBUTING.md38

调试

Visual Studio Code 是推荐的开发 IDE。该项目包含 VS Code 的配置文件,以帮助进行调试和开发。

VS Code 设置

来源:CONTRIBUTING.md40-41 .vscode/extensions.json

项目推荐以下 VS Code 扩展:

  • ESLintdbaeumer.vscode-eslint):用于代码检查
  • Prettieresbenp.prettier-vscode):用于代码格式化
  • Markdown All In Oneyzhang.markdown-all-in-one):用于编辑 Markdown 文件

这些扩展列在 .vscode/extensions.json 文件中,当您在 VS Code 中打开项目时,它们会被建议安装。

来源:.vscode/extensions.json1-7

使用 VS Code 进行调试

您可以使用以下方式在 VS Code 中调试代码:

  1. Node.js: Attach to Process:用于调试应用程序代码
  2. VS Code Jest 扩展:用于调试测试

要设置调试:

  1. 安装 VS Code Jest 扩展
  2. 在 VS Code 中使用 "Node.js: Attach to process" 调试选项。

来源:CONTRIBUTING.md40-41

环境变量

项目使用环境变量进行配置。在根目录中创建一个 .env 文件,并包含以下变量:

PAT_1=your_github_personal_access_token

此令牌用于在开发期间增加 GitHub API 请求的速率限制。您可以从 GitHub 帐户设置中生成个人访问令牌。

注意:.env 文件已包含在 .gitignore 中,以防止意外提交敏感信息。

来源:.gitignore2 package.json65

预提交钩子

项目使用 Husky 来运行 pre-commit 钩子,以确保代码质量。

  1. 运行测试
  2. 运行 linting
  3. 对暂存文件运行格式化。

这有助于维护代码质量,并确保代码在提交前通过测试。

来源:.husky/pre-commit1-3 package.json32

其他开发任务

主题开发

对于主题开发,请使用以下脚本:

  • npm run theme-readme-gen:生成主题文档
  • npm run preview-theme:预览主题

注意:如 CONTRIBUTING.md 文件所述,添加新主题目前已暂停。

来源: package.json26-27 CONTRIBUTING.md43-48

处理翻译

要贡献翻译,请编辑 src/translations.js 文件。您可以使用本地开发服务器测试更改。

来源: CONTRIBUTING.md50-54