嗨,

最近我花了几天时间作为独立开发者,创建了名为CodeAtlas的项目。

这个想法来源于我一直遭遇的问题——创建一个新repo并且缺乏明确地组织结构。即使是在相对较小的项目中,我也会花费太多时间在文件之间来来回回,试图理解结构。

因此,我决定构建一个可以可视化这一过程的东西。

CodeAtlas使用AST解析GitHub仓库,利用D3生成一个可交互的图,展示文件之间的关联。您可以视觉化地浏览结构,而不需要像以前一样通过文件夹进行探索。

技术栈:

  • React + D3用于图表
  • Node.js后端
  • Babel解析器用于AST分析

虽然它还很早,但已经对理解较小的项目产生了实质性的帮助。

作为个人项目,我正在处理所有的部分,从解析逻辑、图表视图、UI等。因此,我真的非常感谢任何反馈。

特别感兴趣的是:

  • 您如何理解新代码库
  • 一个类似的工具是否能很好地融入您的工作流
  • 使其更有用的特性建议

同时,如果任何人感兴趣可以参与贡献——尤其是性能、UI/UX或支持更大的仓库。

非常感谢!