36.3K star！开发者专属PPT神器，Markdown秒变炫酷幻灯片！

嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法

Slidev 是专为开发者打造的现代化幻灯片制作工具，基于 Markdown + Vue 技术栈实现。它让技术分享、产品演示、教学培训等场景的幻灯片制作效率提升300%，支持实时编码演示、数学公式渲染、流程图绘制等开发者刚需功能，可将.md文件一键转换为网页/PDF/PPTX格式。

核心功能

🚀 极速启动

通过npm init slidev命令5秒创建项目，自动生成演示文档脚手架。支持在线编辑器sli.dev/new直接编写，无需安装任何软件。

📝 智能Markdown

# 第1页
- 自动解析为幻灯片页面
- 支持**粗体**、*斜体*等基础语法

---
# 第2页
使用:::col两栏布局:::
左边文字 | 右边代码

💻 实时编码演示

// 直接在幻灯片中运行TypeScript代码
function add(a: number, b: number) {
  return a + b
}
console.log(add(2, 3)) // 5

🎨 主题自由切换

通过npm安装主题包：

npm install @slidev/theme-seriph

在frontmatter中指定：

---
theme: seriph
---

🔢 数学公式支持

当 $a \ne 0$ 时，方程解为：
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

技术架构

技术栈	功能说明	优势特性
Vite	构建工具	秒级热更新
Vue3	核心框架	组件化开发
UnoCSS	原子化CSS引擎	按需生成样式
Shiki	代码高亮	VS Code级语法着色
Mermaid	图表渲染	文本转矢量图
RecordRTC	屏幕录制	内置演讲录制功能

界面效果

同类项目对比

功能	Slidev	Reveal.js	Marp
开发语言	Vue	JavaScript	Markdown
实时编码	✅	❌	❌
组件扩展	Vue组件	插件系统	有限扩展
数学公式	LaTeX	需插件	基础支持
导出格式	PDF/PPTX/PNG	主要HTML	PDF为主
学习曲线	中等	较高	简单

总结建议

适用场景

• 技术大会演讲
• 产品需求评审
• 教学培训课件
• 项目进度汇报
• 技术方案分享

同类项目推荐

1. Reveal.js：老牌Web幻灯片框架
2. Marp：专注Markdown转PDF
3. Deckset：Mac平台Markdown演示工具

项目地址

https://github.com/slidevjs/slidev