先装对依赖
按文档站、聊天应用、Monaco 代码块、图表型内容来选择最小 peer 依赖组合。
适用于 Vue 3 的流式 Markdown 渲染器,支持 Mermaid 图表、流式代码块对比和高性能大文档处理。
如果 markstream-vue 对你的工作有帮助,欢迎通过支付宝或微信支持项目的持续维护。


感谢你的支持,这会帮助文档、演示和包维护持续迭代。
| 如果你现在想解决的是... | 先看这里 | 然后看 |
|---|---|---|
| 把第一段渲染跑起来 | 安装 | 快速开始 |
| 接到文档站或 VitePress 主题里 | 文档站与 VitePress 集成 | 自定义标签与高级组件 |
| 接入流式输出 / SSE | AI 聊天与流式输出 | 性能 |
| 接入坏了但还不知道是哪一层出问题 | 按症状排查 | 排查问题 |
| 替换一个内置节点渲染器 | 覆盖内置组件 | 渲染器与节点组件 |
支持 thinking 这类可信标签 | 自定义标签与高级组件 | API 参考 |
| 做 parser / AST 级改造 | API 参考 | 解析器 API |
| 借助 AI 做接入、迁移或排障 | AI / Skills 工作流 | 从 react-markdown 迁移 |
content 还是 nodes。框架支持
各框架共享同一套核心渲染思路,但入口页会因为 SSR、迁移路径和运行时差异而不同。
| 框架 | 最适合先看的页面 | 适合什么情况 | 演示 |
|---|---|---|---|
Vue 3 (markstream-vue) | 指南首页 | 你要走主线能力最完整的接入路径 | 在线演示 |
| VitePress 文档站 | 文档站与 VitePress 集成 | 你要把渲染器嵌进文档页、内容站或自定义主题 | 在线演示 |
| Nuxt | Nuxt SSR | 你需要处理 client-only 边界、SSR 和 worker | 在线演示 |
Vue 2 (markstream-vue2) | Vue 2 快速开始 | 你还在 Vue 2.6 / 2.7 环境 | 在线演示 |
React (markstream-react) | React 快速开始 | 你是 React 用户,或正从 react-markdown 迁移 | 在线演示 |
Angular (markstream-angular) | Angular 快速开始 | 你使用 standalone Angular 组件 | 在线演示 |
开始使用 先解决接入问题:安装、快速开始、流式接法、Props。自定义 负责解决业务扩展:覆盖组件、自定义标签、解析器钩子、样式与排障。功能专题 现在默认折叠,主要放代码块、Mermaid、KaTeX、D2、Monaco 等深水区内容。框架与迁移 适合你已经明确框架或迁移目标之后再进入。