嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法
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为主 |
| 学习曲线 | 中等 | 较高 | 简单 |
总结建议
适用场景
- 技术大会演讲
- 产品需求评审
- 教学培训课件
- 项目进度汇报
- 技术方案分享
同类项目推荐
- Reveal.js：老牌Web幻灯片框架
- Marp：专注Markdown转PDF
- Deckset：Mac平台Markdown演示工具
