Skip to content

markstream-vue面向流式输出的 Markdown 渲染器

Vue 3 • Vue 2 • React • Angular • Nuxt

适用于 Vue 3 的流式 Markdown 渲染器,支持 Mermaid 图表、流式代码块对比和高性能大文档处理。

支持 markstream-vue

如果 markstream-vue 对你的工作有帮助,欢迎通过支付宝或微信支持项目的持续维护。

支付宝 QR code
支付宝
微信收款 QR code
微信收款

感谢你的支持,这会帮助文档、演示和包维护持续迭代。

先走最短路径

如果你现在想解决的是...先看这里然后看
把第一段渲染跑起来安装快速开始
接到文档站或 VitePress 主题里文档站与 VitePress 集成自定义标签与高级组件
接入流式输出 / SSEAI 聊天与流式输出性能
接入坏了但还不知道是哪一层出问题按症状排查排查问题
替换一个内置节点渲染器覆盖内置组件渲染器与节点组件
支持 thinking 这类可信标签自定义标签与高级组件API 参考
做 parser / AST 级改造API 参考解析器 API
借助 AI 做接入、迁移或排障AI / Skills 工作流从 react-markdown 迁移

按你的角色选入口

我是第一次接触 markstream

  • 先看 指南首页,它是按任务组织的总入口。
  • 如果你已经知道框架,只想装对依赖,直接看 安装
  • 如果你想先看到最小 Vue 3 示例,直接看 快速开始

我是在现有项目里接入

我是在做业务定制

我想借助 AI 提高效率

选择你的框架

框架支持

各框架共享同一套核心渲染思路,但入口页会因为 SSR、迁移路径和运行时差异而不同。

框架最适合先看的页面适合什么情况演示
Vue 3 (markstream-vue)指南首页你要走主线能力最完整的接入路径在线演示
VitePress 文档站文档站与 VitePress 集成你要把渲染器嵌进文档页、内容站或自定义主题在线演示
NuxtNuxt 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 等深水区内容。
  • 框架与迁移 适合你已经明确框架或迁移目标之后再进入。