英文原文: https://argusic.com/subject/vscode-mermaid-preview
vscode-mermaid-preview
预览 Mermaid 图表
借助 mock 可运行来源：GitHubTypeScriptMITcommit 6e98ec94ffe0
TypeScript，MIT 许可证. 项目的自我描述：diagram、hacktoberfest、mermaid、previews mermaid diagrams、uml 和 vscode.
vscode-mermaid-preview 可以运行，其依赖的服务由替身代替。一个 Argusic agent 在一台没有 GPU 的干净机器上用 19 分钟完成了安装，遇到 5 个错误，并在无人协助的情况下全部修复，整个会话都被记录了下来。
With local substitutes for the 5 private @mermaid-chart packages, the project installs via pnpm, compiles and bundles, lints with 0 errors, passes its VS Code integration test (1 passing), packages into vscode-mermaid-preview-2.2.0.vsix which installs and lists in VS Code 1.143.1, and renders a mermaid flowchart to valid SVG through its markdown-preview bundle in headless Chrome.
agent 在干净的机器上最终得到的结果，用它自己的话说。 测量方式
每一次都由 Argusic 在全新机器上实测。每个数字都链接到对应的证据。 Argusic 评分 92，满分 100（该项目各次运行得分的平均值）。
概览
项目数据来自 GitHub，链接见本页顶部，更新于 。测试数据由 Argusic 提供 (CC BY 4.0)；每个数字都链接到一个运行页面，附完整的 log、录屏及其 sha256 哈希。
测量了什么
来自决定该结论的那次运行。 每一行都是记录下来的数值，而非估算。
哪里出了问题，用 agent 自己的话说
agent 的原话，最严重的排在最前，从不改写成建议。
- pnpm install 401: 5 private @mermaid-chart/* packages hosted on GitHub Packages require auth8 分钟
- pnpm test failed: out/test/runTest.js never emitted (compile uses tsc --noEmit; rootDir . emits to out/src/test)5 分钟
- pnpm not installed and no root for global npm install2 分钟
- TypeScript 4.9.5 cannot parse modern @types/[email protected] (const type parameters) pulled by public mermaid2 分钟
- pnpm package crashed: [email protected] requires Node >=20.18.1 (File is not defined on Node 18.19.1)2 分钟
- 安装时间
- 19 分钟
- 从冷启动机器到完成
- 19 分钟
- 遇到并修复的错误
- 遇到 5 个，在无人协助的情况下修复了 5 个
- 结果是如何证明的
- pnpm test exited 0 (VS Code 1.143.1 Extension Test Suite: 1 passing, 2ms); pnpm package built vscode-mermaid-preview-2.2.0.vsix (148 files, 10.23 MB) and code --list-extensions returned vstirbu.vscode-mermaid-preview; headless Chrome loading dist-preview/bundle.js rendered a flowchart to XML-well-formed SVG with class=flowchart, viewBox='0 0 283.171875 407.90625', aria-roledescription=flowchart-v2 (17764 chars)
- 使用的模型 token
- 647,310
- 测试的确切 commit
- 6e98ec94ffe0
- 容器镜像
- sha256:cdd920bce783
没有测量什么
另一半内容，让你清楚看到这些证据能说明到什么程度。缺失的数据就标为缺失，从不填补。
- GPU 显存峰值
- 本次运行在 CPU 机器上进行，没有可采样的 GPU
- 长时间运行的表现
- 每次尝试都使用文档中最小的设置和固定的时间预算，因此这里测量的是它能否运行，而不是它在负载下的表现
- 对接真实服务的表现
- 本次运行只对照替身服务进行了验证
观看会话
完整的运行过程，从一台干净的机器开始，按实际速度播放。没有剪辑，也没有加速。
第 1 次尝试的录屏，运行于 ，即决定上述结论的那次尝试。 制作该视频所用的终端录屏是证据，连同 sha256 指纹一起保存；视频只是由它渲染而成。 在你点击播放之前，不会从视频托管方加载任何内容。
录屏的结尾
决定该结论的终端会话的最后几行，与录制时完全一致。
- TypeScript 4.9.5 failed to parse modern `@types/[email protected]` (`const` type params) pulled b… - `pnpm test` was broken in-repo: `test` script ran `node ./out/test/runTest.js` but `compile` uses… - `pnpm package` crashed (`File is not defined`): `[email protected]` requires Node ≥20.18.1, container… **Verified (all observed):** - `pnpm install` → all 7 workspace projects resolved, mocks linked. - `pnpm compile` → tsc + esbuild (`out/extension.js`, 486 KB) + webpack `dist-preview/bundle.js` (1… - `pnpm --filter ./webview build` → vite built `out/svelte/bundle.js` (2214 modules). - `pnpm lint` → 0 errors (17 pre-existing style warnings). - `pnpm test` → exit 0, real VS Code 1.143.1 Extension Test Suite: `1 passing`. - `pnpm package` → `vscode-mermaid-preview-2.2.0.vsix` (148 files, 10.23 MB); `code --install-exten… - Headless Chrome (puppeteer) load of the repo's own `dist-preview/bundle.js` rendered a flowchart … The mock is insufficient only for the fork-specific extras (ELK layout algorithm and the private aw…
回放完整会话，从干净的机器到此刻的每一条命令。
测试方式
一个 agent，一个容器，没有人工协助。它按照项目自身文档所写的方式安装项目，运行它，并修复出错的地方。下面的一切都按实际发生的过程记录：终端会话、log 和确切的 commit。 完整方法论.
优势与局限
均为实测事实，而非观点。内容是如何撰写的.
顺利的部分
- 在无人介入的情况下从全部 5 个错误中恢复，说明这些故障的文档足以让人解决。
- 采用 MIT 许可证，以其托管平台报告的信息为准。
不顺利或尚不清楚的部分
- 只在替身服务下达到了运行状态，因此这里没有任何内容能证明它在真实服务下可以工作。
- 安装用了 19 分钟，慢于 Argusic 测量过的 13 个同类项目的中位数。
- 目前只测量过一次。单次尝试只能说明它可以运行，不能说明它能稳定运行。
在 Argusic 安装并计时过的 14 个 diagram 项目中，vscode-mermaid-preview 达到运行状态的速度排名第 12，14 个项目中有 11 个达到了运行状态。
同一领域中也测试过的项目
这里的每个项目都由 Argusic 在干净的机器上安装并运行过。未经测试的项目不会出现在这里。
运行历史
| 测试者 | 尝试 | 结果 | 评分 | 成本 USD | 时间 |
|---|---|---|---|---|---|
| Argusic Runner | 1/3 | 借助 mock 可运行 | 92.00 | 0.29 |
主题 (来自 GitHub)
diagramhacktoberfestmermaidpreviews-mermaid-diagramsumlvscode
嵌入徽章
用于项目 README 的 Markdown。徽章链接回本页；使用条款见 条款页面.
[](https://argusic.com/subject/vscode-mermaid-preview)常见问题
- vscode-mermaid-preview 能运行吗？
- vscode-mermaid-preview 可以运行，外部服务由 mock 代替. Argusic 在一台干净的机器上安装并启动了它，用时 19 分钟，过程中遇到 5 个错误，并记录了整个会话。
- Argusic 是如何测试 vscode-mermaid-preview 的？
- 在一台全新的一次性机器上进行，每条命令都被记录，仓库固定在 commit 6e98ec94ffe0。共记录了 1 次尝试，完整方法见方法论页面。
- 测试 vscode-mermaid-preview 花了多少钱？
- 得出该结论的那次运行花费 0.29 USD：这是真实的算力和模型成本，而不是按每百万 token 计的标价。该数字记录在那次运行的页面上。
- vscode-mermaid-preview 安装需要多长时间？
- 在决定该结论的那次运行中，从干净的机器到运行状态用了 19 分钟。这是一次实测的尝试，不是平均值。
- vscode-mermaid-preview 需要 GPU 吗？
- 启动它不需要。Argusic 在一台没有 GPU 的机器上让它达到了运行状态。
- 安装 vscode-mermaid-preview 时会出现什么问题？
- 已记录的运行中出现了 5 个问题，其中 5 个在无人协助的情况下被修复。每个问题及其耗费的时间都列在本页上。
- vscode-mermaid-preview 与其他替代方案相比如何？
- 在 Argusic 安装并计时过的 14 个 diagram 项目中，vscode-mermaid-preview 达到运行状态的速度排名第 12，14 个项目中有 11 个达到了运行状态。
- vscode-mermaid-preview 的证据在哪里？
- 这次已记录的运行都在本页上，每次都链接到完整的 log 和终端录屏，并连同 sha256 指纹一起保存，因此无法被悄悄篡改。