GitHub 熱門項目：為開發(fā)者打造的幻燈片制作工具

技術編輯：典典丨發(fā)自 思否編輯部

公眾號：SegmentFault

在日常工作中，無論是演講還是展示工作，大家一定離不開對 PPT 的使用，但制作一份精美的 PPT 并不簡單，對開發(fā)者更是不友好。

最近一位程序員 Anthony Fu 在 GitHub 上分享了一個項目：為開發(fā)者打造的幻燈片制作工具 ，并在短時間內沖上了 GitHub 熱榜，截止發(fā)文前還排在第一的位置，獲得了 6k 個星。

接下來就讓我們一起來了解這個 GitHub 熱門項目。

項目網(wǎng)址：https://sli.dev/

GitHub地址：https://github.com/slidevjs/slidev

開發(fā)動機

開發(fā)者在工作中經(jīng)常花大量時間設計幻燈片，并且會用到相應的應用程序，例如 Power Point 、Google 等，每次 Anthony Fu 需要共享代碼片段時，都需要反復多次地使用其他工具才能解決，當他意識到這個問題后，他腦海中冒出了一個想法：

作為一個前端開發(fā)人員，為什么不用自己擅長的方式來解決呢？

下圖就是 Anthony Fu 設計的項目效果：

啟動

理解它的最好方法是嘗試去做，很簡單，只需要一個命令：

npm init slidev

項目特點

• 支持使用個人喜愛的編輯器和流程
  

• 對開發(fā)人員友好：內置語法突出顯示、實時編碼等
  

• 主題可以與 npm 包共享并使用
  

• 美觀：Windi CSS 按需使用，嵌入式樣式表易于使用
  

• 交互：無縫嵌入 Vue 插件
  

• 演示者可使用另一個窗口甚至是手機來控制幻燈片播放
  

• 內置拉特克斯數(shù)學方程支持
  

• VS 代碼的集成編輯器或擴展
  

• 錄制：內置錄音和相機視圖
  

• 可導入 PDF、PNG，甚至可托管 SPA
  

• 可使用 Vite 插件、Vue 組件或任何 npm 包破解