99%的工程师都不知道vscode还有这个功能

常常在团队内部进行技术分享，最苦恼的一件事就是写PPT：

• 找模板
• 对其字体
• 设置过分动画
• 。。。

调着调着，一天就过去了~
结果是耗费了大量时间作出来的PPT还很差看。

<!-- more -->

PPT 1.0

因而不少快速生成PPT的工具出现了，好比声享、吾道，能够在线编辑PPT（不再用找XXX的破解/去广告版了）。
相对于本地的PPT制做软件有很多优点：

• 提供大量好看的在线模板。
• 提供云存储环境，制做好的PPT也不用U盘拷来拷去，打开浏览器便可播放。
• 功能精简，只保留经常使用功能，基本上作到了傻瓜式操做。

整体评价：
上手难度：****
编写方便：***
功能丰富：*****

PPT 2.0

有没有更简单地制做PPT方法？
GitHub上的开源项目impress.js和reveal.js就能够用来快速来制做PPT。
它们虽然语法格式不相同，但共同点就是经过引入对应的库来编写一个具备PPT效果的HTML5页面。
下面的代码能够生成一张带图文的PPT：

<section  class="slide" >
  <h2>3 航拍无人机的黑科技</h2>
  <p>
    3.1 云台<br>
    <img src="xx/cloud.gif" alt="">
  </p>
</section>

相对于PPT在线编辑网站，有很多好处：

• 更加具备极客风格。
• 对前端工程师简直不要太友好，即便其它工程师学点HTML也很容易掌握。
• 强大的可扩展性，只要代码写得溜，没有实现不了的布局和特效。

整体评价：
上手难度：***
编写方便：***
功能丰富：****

PPT 3.0

使用开源项目写PPT的方式真的很完美吗？
至少存在两个问题：

1. 每次建立PPT（HTML文件）时，须要引入依赖的js库以及样式。以及创造一些冗余的标签，还要调用js函数进行初始化，比较繁琐。
2. 编写上若是用Markdown格式会更加简洁。

主角出场！
Markdown Preview Enhanced应该是Atom编辑上的一款插件，如今被移植到了VSCode上。
它能将MarkDown格式和reveal.js结合起来，省去编写冗余标签、引用依赖等没必要要的操做，编写PPT的时候只须要关注内容自己便可，让你快速制做一款极简风格的PPT。很是适合不须要过多动画效果的内部演示PPT。

安装完成之后使用起来很简单，打开任意一个md文件，按照MarkDown格式编写PPT内容，好比上面的代码能够写成：

<!-- slide -->
## 航拍无人机的黑科技
3.1 云台
![](xx/cloud.gif)

这里的注释<!-- slide -->很重要，表示后面的内容在一个页面中。

而后在编辑区鼠标右键，选择Open Preview，默认快捷键ctrl+k,v。
右边就会显示实时预览效果。

PPT编写的时候，在预览区域右键，选择“Open in Browser”便可在浏览器中打开进行预览或播放。
经过浏览器的另存为或其它工具（好比pandoc）能够导出成图片、pdf、epub等几种格式。

整体评价：
上手难度：*
编写方便：*****
功能丰富：****

最后

若是你也以为VSCode写PPT很酷的话请点赞分享~
感谢阅读~

---

一部由众多技术专家推荐，
帮你成为具备全面能力和全局视野工程师的进阶利器——
《了不得的JavaScript工程师》出版了，淘宝、京东、当当各大平台已经上架~
点击下方图片即刻拥有~