牛逼！用 Markdown 来做 PPT！

哈喽，大家好！我是前端实验室的小师妹!

大多数朋友做 PPT 一般都是用的 PowerPoint 、KeyNote的吧，那你有没有用 Markdown 来编写幻灯片呢？

小师妹逛 githuub 时发现一个有趣又强大的库！可以用 Markdown编写 PPT 内容，渲染成 Slides进行预览，简直就是程序员专属的PPT制作利器！

什么是Slidev？

Slidev[1] 是基于 Web 的幻灯片制作和演示工具。

简而言之，Slidev 就是可以让我们用 Markdown 写 PPT 的工具库，基于 Node.js、Vue.js 开发。

你可以通过它把 Markdown 转化成 PPT，而且它可以支持各种好看的主题、代码高亮、公式、流程图、自定义的网页交互组件，还可以方便地导出成 pdf 或者直接部署成一个网页使用。

Slidev 有哪些功能？

Slidev是专门为开发者打造的演示文稿工具，功能十分强大。

由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。

安装

具体内容请参考：安装-Slidev[2]

• 要求Node.js 14.0.0及以上的版本；
• 全局安装 Slidev，运行以下命令：

$ npm i -g @slidev/cli

• 在目标目录下运行以下命令启动 Slidev：

$ slidev

• 用浏览器访问http://localhost:3030/即可预览演示文档

VS Code中使用Slidev插件[3]

你也可以在 VS Code中使用Slidev插件，可实时渲染以及预览演示文稿。

效果展示

• 首页

• Code

• 公式和图表

部署

Slidev 是基于 Vue 开发的，写出来的PPT 还可以部署到网站上，比如 GitHub Pages 、Gitee、Netlify等站点上。

同时你也可以使用 Git 进行版本控制，简直强大到炸裂！

试想一下，别人演讲 PPT 用的 PowerPoint ，而你直接打开浏览器进入网站就开讲了，效果酷炫，功能强大，就说这波逼装的足不足！

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。

参考资料

[1]

Slidev官网: https://cn.sli.dev/

[2]

如何安装Slidev: https://cn.sli.dev/guide/install.html

[3]

VS Code中使用Slidev插件: https://marketplace.visualstudio.com/items?itemName=antfu.slidev

如果该文章对你有帮助，那么就点击右下角的 [点赞]「在看」，给一个小小的鼓励吧~