Slidev 是一个开源的 Markdown 演示幻灯片工具,专门面向开发者,目前在 GitHub 上有 48.4k star。它让你用 Markdown 写幻灯片,用 Vite 做即时重载,用 Vue 组件和 npm 生态扩展能力,最终可以导出 PDF、PNG 和 PPTX。
为什么开发者需要它
传统幻灯片工具(PowerPoint、Keynote、Google Slides)的排版方式是拖拽文本框,写代码块、公式、图表的体验都比较差。Slidev 把幻灯片变成 Markdown 文件:每一页幻灯片就是一个 --- 分隔的 Markdown 段落,内容聚焦在文字本身,排版交给工具链处理。
对开发者来说,这意味着幻灯片可以进入版本控制,可以 diff,可以在代码仓库里和项目文档一起维护。作者是 Anthony Fu(antfu),Vue 生态的知名开发者,项目采用 MIT 协议。
核心特性
Slidev 的能力集中在几个方面:
Markdown 编写:一份 .md 文件就是一整套幻灯片,用 --- 分页,语法就是标准 Markdown。
代码高亮与在线编辑:内置 Shiki 代码高亮,支持 Monaco Editor 在线编辑,演示现场可以直接改代码。
主题与样式:主题通过 npm 包共享,样式用 UnoCSS 按需生成,还可以在幻灯片里嵌入 Vue 组件实现交互。
图表与公式:支持 Mermaid 文本画图、KaTeX 渲染 LaTeX 公式,无需截图贴图。
演示辅助:Presenter 模式可以在另一个窗口甚至手机上控制翻页,支持画板标注(基于 Drauu)、内置录制与摄像头画面。
导出:一键导出 PDF、PNG 或 PPTX,方便分发。
快速上手
环境要求是 Node.js 20.12.0 或更高版本。初始化一个项目只需要一条命令:
npm init slidev
命令执行后会在当前目录生成幻灯片项目,编辑 slides.md,运行 npm run dev 启动,浏览器打开本地地址即可预览,改文件即时刷新。
如果不想在本地搭环境,官方提供在线体验 sli.dev/new,可以直接在浏览器里试。
进阶能力
幻灯片可以完全自定义:使用 Vite 插件、Vue 组件或任意 npm 包。官方提供 VSCode 扩展和 Claude Code 插件,编辑器集成比较完整。
项目目前有 431 个 release,最新版本 v52.19.1 发布于 2026 年 8 月 19 日,380 位贡献者参与,技术栈以 TypeScript(70.1%)和 Vue(26.5%)为主。官方文档站 sli.dev 提供英文、中文、法语、西班牙语等多语言文档。
一句话总结
如果你经常做技术分享、需要频繁更新幻灯片,Slidev 的核心价值是把幻灯片变成可版本化、可编程的 Markdown 文件:写起来快,改起来方便,演示和导出能力也够用。48.4k star 和持续 5 年的活跃维护说明它不是小众玩具,而是一个成熟的开源项目。下次做技术分享时,可以先用 sli.dev/new 体验一下这种工作方式。