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工程師》出版了，淘寶、京東、噹噹各大平臺已經上架~
點擊下方圖片即刻擁有~