Slidev

Slidev 是什么

Slidev 是一个面向开发者的演示文稿框架：用 Markdown 写内容，用 Vue 3 + Vite 渲染成网页幻灯片。它把「做 PPT」变成「写文档 + 写代码」，特别适合技术分享、代码讲解和教学。

核心特性

• Markdown 驱动：一页幻灯片就是一段 Markdown，可用任意编辑器编写。
• 开发者友好：内置代码高亮、实时编码、Monaco 编辑器集成。
• 可交互：可直接在幻灯片中嵌入 Vue 组件，做演示 Demo。
• 主题化：主题以 npm 包形式发布与共享，安装即用。
• 样式灵活：基于 UnoCSS 的按需原子化样式。
• 演讲者模式：用另一窗口甚至手机控制幻灯片。
• 绘图标注：演示过程中直接在幻灯片上圈画。
• 公式与图表：内置 LaTeX（KaTeX）与 Mermaid 文本绘图。
• 录制与导出：支持录制、摄像头画面，以及导出 PDF、PNG、PPTX。
• 快速与可扩展：Vite 提供即时热更新，可通过 Vite 插件、Vue 组件或任意 npm 包扩展。

快速开始

在线体验可直接访问官方提供的在线环境；本地初始化需要 Node.js（较新版本），然后执行：

npm init slidev

随后按提示进入项目目录并启动开发服务器即可预览。

技术栈

适用与注意

Slidev 最适合有前端基础的开发者做技术类演示；如果团队完全不写代码，学习成本会偏高。深度定制主题与交互需要了解 Vue 与 UnoCSS，导出复杂排版的 PPTX 时也建议提前检查效果。

许可

MIT License，由 Anthony Fu 创建并维护。