嗨,大家好,我是小华同学,关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法
Slidev 是专为开发者打造的现代化幻灯片制作工具,基于 Markdown + Vue 技术栈实现。它让技术分享、产品演示、教学培训等场景的幻灯片制作效率提升300%,支持实时编码演示、数学公式渲染、流程图绘制等开发者刚需功能,可将.md文件一键转换为网页/PDF/PPTX格式。
通过npm init slidev
命令5秒创建项目,自动生成演示文档脚手架。支持在线编辑器sli.dev/new直接编写,无需安装任何软件。
# 第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为主 |
学习曲线 | 中等 | 较高 | 简单 |
https://github.com/slidevjs/slidev
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有