Codeflow

产品概述

Codeflow 是一款革命性的代码理解与编辑工具，它利用 tree-sitter 和 CodeMirror 技术，将陌生的代码文件夹自动转化为可交互的节点图，让您无需安装任何依赖即可直观地浏览和修改代码结构。

核心功能

• 自动生成语义地图：打开任意文件夹，Codeflow 会基于代码的语义和依赖关系，生成按功能分组的节点图，帮助您快速理解项目架构。
• 物理地图与重要性排序：除了语义视图，您还可以切换到物理地图模式，节点按文件重要性排列，让您一目了然地掌握核心模块。
• 可视化编辑与实时同步：在画布上直接添加、删除、重连或注释节点，Codeflow 会自动修改对应的真实文件，并以行级 diff 的形式展示每次变更，您可以选择 Keep 或 Undo。

主要特性

• 零安装：基于 Web 技术，无需配置环境，打开即用。
• 交互式节点图：拖拽、缩放、点击，操作流畅直观。
• 双向同步：画布修改与文件内容实时双向同步，确保一致性。
• 细粒度变更控制：每处修改都以 diff 形式呈现，支持逐行撤销或保留。
• 支持多种语言：依托 tree-sitter，可解析主流编程语言的语法结构。

适用场景

• 代码审查：快速理解大型项目或他人代码的结构，高效进行审查。
• 重构：通过可视化方式规划重构路径，降低出错风险。
• 学习：初学者可通过节点图直观学习项目架构，加速上手。
• 协作：团队讨论时，以图形化方式展示代码变更，提升沟通效率。