99%的工程師都不知道VSCode還有這個功能

經常在團隊內部進行技術分享，最苦惱的一件事就是寫PPT：

• 找模板
• 對其字體
• 設置過度動畫
• 。。。

調著調著，一天就過去了~
結果是耗費了大量時間做出來的PPT還不好看。

PPT 1.0

于是很多快速生成PPT的工具出現了，比如聲享、吾道，可以在線編輯PPT（再也不用找XXX的破解/去廣告版了）。
相對于本地的PPT制作軟件有不少優勢：

• 提供大量好看的在線模板。
• 提供云存儲環境，制作好的PPT也不用U盤拷來拷去，打開瀏覽器即可播放。
• 功能精簡，只保留常用功能，基本上做到了傻瓜式操作。

總體評價：
上手難度：****
編寫方便：***
功能豐富：*****

PPT 2.0

有沒有更簡單地制作PPT方法，GitHub上有項目可以用來快速來制作PPT，比如impress.js和reveal.js。
它們雖然語法格式不相同，但共同點就是通過引入對應的庫，從而支持寫代碼的方式來制作HTML5頁面，還支持翻頁等動畫，也能做到類似PPT的演示效果。
一張帶圖文的PPT的代碼是下面的樣子：

<section  class="slide" >
  <h3>3 航拍無人機的黑科技</h3>
  <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等幾種格式。

總體評價：
上手難度：*
編寫方便：*****
功能豐富：****

最后

如果你覺得這篇文章對你有幫助，歡迎點贊分享~

一部由眾多技術專家推薦， 幫你成為具有全面能力和全局視野工程師的進階利器—— 《了不起的JavaScript工程師》請添加鏈接描述出版了！
點擊下方鏈接即刻踏上進階之路！

淘寶：https://detail.tmall.com/item.htm?id=600756390664
京東：https://item.jd.com/12562349.html?dist=jd
當當：http://product.dangdang.com/27922044.html