騷操作!用 Markdown 寫 PPT!同事看了直呼 666

作爲程序員,你有沒有感覺到自己經常需要花太多時間在做 PowerPoint / Keynote / Google 幻燈片上。

並且,PowerPoint / Keynote / Google 幻燈片對於開發人員是不夠友好的!就比如我們經常需要直接在幻燈片中展示代碼的話,這些工具就沒辦法提供支持了!

有沒有一款對於開發者比較友好的幻燈片工具呢?

是的!有!這個項目就是 Slidev[1] !一個旨在爲開發人員設計的幻燈片開源庫。通過 Slidev ,我們可以通過簡單的 Markdown 語法快速製作出更加靈活性、更具表現力和吸引力的幻燈片。

並且,我們還可以通過自定義 Vue 組件在 markdown 文件 以此讓我們的幻燈片更具有交互性。

Slidev 使用起來也非常非常簡單!不過,需要你的本地有 Node 開發環境。

如果你不知道如何搭建 Node 開發環境的話,可以看 MDN 的《設置 Node 開發環境》[1] 這篇文章。

通過下面這行簡單的命令,我們就可以初始化一個完整的 Slidev 的項目。

npm init slidev

運行這個命令之後,按照提示一步一步進行就可以了!

項目創建完成之後會自動在本地部署:

slide show      > http://localhost:3030/
presenter mode  > http://localhost:3030/presenter

幻燈片展示的內容就是項目文件夾下的 slides.md

有關 Markdown 語法的更多詳細信息,請通讀語法指南:https://sli.dev/guide/syntax.html。

「還等什麼?快用起來啊!」

本文由 Readfog 進行 AMP 轉碼,版權歸原作者所有。
來源https://mp.weixin.qq.com/s/-dFPH_Cn95qOeT3yNmXTnA