在不阅读代码

作者的图像| canva

导航和理解大型代码库可能具有挑战性，尤其是对于加入项目或重新访问较旧存储库的新开发人员而言。传统的理解代码结构的方法涉及阅读众多文件和文档，这些文件和文档可能耗时且容易出错。 Gitdiagram通过将GitHub存储库转换为交互式图来提供解决方案，从而提供了代码库体系结构的可视化表示。该工具有助于理解复杂的系统，并增强开发团队之间的协作。在本文中，我将引导您完成本地使用Gitdiagram的分步过程。因此，不要再等待，让我们开始。

gitdiagram通过将github存储库转换为交互式图，提供了解决方案，从而提供了代码库体系结构的可视化表示。

使用gitdiagram本地

步骤1：克隆Gitdiagram存储库

git克隆https://github.com/ahmedkhaleel2004/gitdiagram.git
CD Gitdiagram

步骤2：安装依赖项

此获取并将依赖项安装到node_modules中。

在运行PNPM安装之前，请确保您在全球安装了Node.js和PNPM。

要安装node.js，请从nodejs.orgto安装pnpm下载它，运行以下命令：

要安装node.js，请从nodejs.org

nodejs.org

要安装PNPM，请运行以下命令：

步骤3：设置环境变量

编辑.ENV文件以包括您的OpenAI / Anthropic / OpenRouter API密钥，以及您的GitHub个人访问令牌。

.env文件

步骤4：开始后端服务

docker -compose -build -d

FastAPI服务器将在Localhost：8000上找到。您将在服务器端看到以下消息。

localhost：8000

{“消息”：“ gitdiagram api！”}

步骤5：初始化数据库

运行以下命令来设置数据库：

chmod +x start-database.sh
./start-database.sh
PNPM DB：推送

localhost：5432 注意：

步骤6：运行前端

Localhost：3000