给大家介绍一个很实用的工具——Slidev

哈喽，大家好，我是指北君。

今天我给大家介绍一个很实用的工具——Slidev

使用 PowerPoint 或者 KeyNote 来制作 PPT 这个大概已经是众所周知的常识了吧，功能强大且简单易用，

有模板可以直接使用。对于普通用户而言，就已经基本上可以满足需求了，但是有时候就不一定能够满足我们的需求了，

比如以下的需求：

作为程序员，PPT 同样是需要做版本控制，在与领导不断迭代内容的时候，需要保存一个又一个版本， 比如“V1”、“V2”、“终版”、“最终版”、“发誓最终版本“，”最终打死也不改版”等等。程序员必备的，也是最经常用到的场景：想插入代码，但是插入之后发现格式全乱了， 四个空格的缩进与一个tab的缩进不一样，或者高亮全没了等等，迫不得已最终只能截了个图。如果是数据科学家，或者写论文分享，其中必然少不了需要插入大量数学公式， 然后发现 PPT、Keynote 对 Latex 兼容不太好或者配置稍微麻烦，最后只能贴个截图。

相信大家一定遇到过上但不限于上面这样的问题，但是这些都难不倒我们，因为我们是程序猿（媛）啊，

对于我们来说，什么才是解决上面这些问题的工具呢？那就是Slidev了。

什么是 Slidev

Slidev (slide + dev, /slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。

它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，

并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。

它使用了功能丰富的Markdown文件来生成精美的幻灯片，具有即时重载的体验。

它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev

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

安装和启动

首先需要安装依赖 Node.js ，Node.js 推荐 14.x 及以上版本。还需要 Npm 或者 Yarn，作为编译工具。

安装完之后，我们就可以开始初始化一个仓库，运行命令如下：

使用 Npm：

$ npm init slidev

使用 Yarn：

$ yarn create slidev

执行结束后，会提示生成的项目，输入项目名 test

image.png

在下载完 Slidev 的相关依赖之后，Slidev 会在本地 3030 端口上启动，如图所示：

image.png

打开浏览器 http://localhost:3030 查看，一个 HelloWorld 版本的 PPT 就出现在我们面前了，如图：

image.png

到这里，一个最简单的 Slidev 项目就建立完成了。

内容展示

接着上一节安装完成后，我们可以使用左右键或者点击空格进行翻页，PPT 的基本的操作都是可以满足。是不是很强大，很实用，哈哈。

• 正常标题与正文

第二页展示的是正常的标题与正文

image.png

• 工具栏与快捷键

把鼠标放在 PPT 左下角，就会出现一个工具操作栏，如下图：

image.png

• 插入代码功能

image.png

• 插入公式

image.png

指北君有话说

对于用习惯了 Markdown 的程序员来说，Slidev 确实是一个很不错的 PPT 制作工具，

确实是太实用太方便了。如果你感兴趣的话，不妨也来试试吧～

开源指北，立志做最好的开源分享平台，分享有趣实用的开源项目。

欢迎加入交流群，你可以摸鱼、划水、吐槽、咨询。