把散落的想法画成一张节点图：Project Graph 快速上手指南

把散落的想法画成一张节点图：Project Graph 快速上手指南

【免费下载链接】project-graphA node-based visual tool for organizing thoughts and notes in a non-linear way.项目地址: https://gitcode.com/gh_mirrors/pr/project-graph

深夜调 bug，你在便签上写下"A 依赖 B、B 关联 C、C 才是问题所在"，画完发现便签上全是自己看不懂的交叉线。📌 这正是Project Graph要解决的事：一款开源的桌面节点图工具，把思路和笔记铺成节点、用连线勾出关系，结构一眼可见。

三个场景，节点图能帮你干什么

头脑风暴时，输入几个关键词，拖出节点连成一张图，立刻能看出哪条分支断了；规划项目时，把每个模块的依赖关系画成连线，得到一张可以直接贴进团队文档的架构草图；梳理知识时，把课程知识点排成有向无环图或树，卡壳时点着线往回追溯前置内容。节点里能装富文本、代码、公式和图片，画错了有撤销重做，文件自动保存，不用提心吊胆。

比在线白板，它多了哪一块

在线白板协作方便，但个人整理思路时，你要被账号和网络绑住，思考产物存在别人的服务器上。Project Graph 全部跑在本地：.prg 文件躺在自己硬盘里，随时打开，断网也能用。🖥️ 比起自己写脚本或拿图片软件硬画——坐标、渲染都得自己操心——它把拖拽、连线、自动布局这些基础活都做好了。扩展系统也是独立的运行时，加新工具不用动主程序。

技术底座：桌面节点图为什么流畅

选型不算复杂：React + TypeScript 负责界面，Tauri（Rust）负责本地文件等系统能力，Canvas 2D 承担节点图的高速渲染，节点内部内容则交给 Plate.js 编辑，代码、数学公式、表格都支持。🌐 一套程序覆盖 Windows、macOS 和 Linux，界面有完整中文。

三步跑起来，扩展点在哪

最短路径：下载对应平台的安装包，打开就能画。想看代码的话，克隆仓库 git clone https://gitcode.com/gh_mirrors/pr/project-graph ，然后 pnpm install、pnpm dev，画布起来后拖出第一个节点即算落地。

扩展点在 core/extension/：项目自带 extprg 工具链，可把自己的快捷键、绘制能力打包成扩展装进来。仓库 docs-pg/ 下的"Project Graph v2"架构图，就是团队用它自己画的图。

谁适合，谁不适合

适合画依赖图、工作流的开发者，梳理知识结构的老师，以及所有习惯"用图画思路"的人。不太适合：需要多人实时协作的团队——它主要是个人桌面工具；只想要一条简单文字备忘录的场景——节点图反而显得笨重。

找个时间，把那张交叉线便签搬进节点图里试试；用起来顺手，顺手点个 Star，再看看 Roadmap 里接下来想补什么。✨

【免费下载链接】project-graphA node-based visual tool for organizing thoughts and notes in a non-linear way.项目地址: https://gitcode.com/gh_mirrors/pr/project-graph