兄弟们，做PPT是不是你们的噩梦？改格式调到怀疑人生，代码贴进去丑得没法看，像 PowerPoint 或 Keynote，虽然功能强大，但操作起来总是感觉有点繁琐。

今天开源君要给大家安利一款超棒的开源项目 - Slidev，它简直就是为咱们开发者量身定制的演示文稿神器！

640-sSRC

项目简介

Slidev是一个让你用 Markdown 写演示文稿的开源框架。你只需要写纯文本，就能搞出一份酷炫到飞起的幻灯片，支持代码高亮、主题切换、动画、实时预览等等好玩玩意儿。搭建简单、不用忍受 PPT 那个复杂瞎折腾的 UI，就能把内容搞得简洁又专业。

640-xNMt

640-BSPS

Slidev 与其他工具功能比较

640-wfjB

目前在Github上收获了39.3K star，非常受开发者欢迎！

640-hHpY

功能特性

  • 用Markdown写内容，专注逻辑不用纠结格式，还能靠Git管理版本，多人协作时再也不怕改乱了

640-VIVs

  • 代码展示堪称一绝，语法高亮精准到每种语言，还支持实时编辑、运行，讲技术时边演示边敲代码超方便

640-DqLM

  • 主题能像npm包一样安装，一行命令换风格，社区里各种简约、炫酷的主题随便挑

640-bFjU

  • 能直接嵌Vue组件，想加个按钮、图表甚至小游戏都能实现，让幻灯片从"看"变成"玩"

640-MznF

  • 改完内容瞬间刷新，跟写代码时的热更新一样快，不用等加载，思路不被打断

  • 导出格式超全，PDF、图片、PPTX随便选，还能打包成静态网页扔到服务器上，分享起来贼方便

快速安装使用

确保你已经安装了 Node.js（版本 18 或更高）。在终端运行以下命令，

npm init slidev@latest
# 或者用 pnpm / yarn
pnpm create slidev
yarn create slidev

按照提示完成项目创建后，幻灯片内容就在 slides.md 文件里了。编辑这个文件，用 --- 分隔不同的幻灯片，普通文本、标题、列表、代码块等 Markdown 元素都能自动排版和应用样式。

常用命令:

  • slidev —— 启动开发服务器，自动打开浏览器

  • slidev export —— 导出成 PDF / PPTX / PNG

  • slidev build —— 构建成静态网页，方便部署

  • slidev format —— 格式化幻灯片 Markdown

  • slidev --help —— 看帮助说明

编辑器配置（可选）

  • 可以用 VS Code 拓展，方便快速浏览幻灯片

  • 支持内嵌编辑器，放映时也能改内容

  • 可搭配 Prettier.js 插件格式化幻灯片

小结

slidev真的是一款为开发者量身打造的演示文稿工具，它不仅解决了传统工具的诸多痛点，还充分发挥了 Web 技术的优势，让演示文稿的制作变得轻松又有趣。如果你也经常需要做演示，不妨试试 Slidev，相信它会给你带来不一样的体验！

更多细节功能，感兴趣的可以到项目地址查看：

https://github.com/slidevjs/slidev