+-
GitHub 热门项目:为开发者打造的幻灯片制作工具

技术编辑:典典丨发自 思否编辑部

公众号:SegmentFault



在日常工作中,无论是演讲还是展示工作,大家一定离不开对 PPT 的使用,但制作一份精美的 PPT 并不简单,对开发者更是不友好。


最近一位程序员 Anthony Fu 在 GitHub 上分享了一个项目:为开发者打造的幻灯片制作工具 ,并在短时间内冲上了 GitHub 热榜,截止发文前还排在第一的位置,获得了 6k 个星。



接下来就让我们一起来了解这个 GitHub 热门项目。


项目网址:https://sli.dev/

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



开发动机


开发者在工作中经常花大量时间设计幻灯片,并且会用到相应的应用程序,例如 Power Point 、Google 等,每次 Anthony Fu 需要共享代码片段时,都需要反复多次地使用其他工具才能解决,当他意识到这个问题后,他脑海中冒出了一个想法:


作为一个前端开发人员,为什么不用自己擅长的方式来解决呢?


下图就是 Anthony Fu 设计的项目效果:




启动


理解它的最好方法是尝试去做,很简单,只需要一个命令


npm init slidev



项目特点


  • 支持使用个人喜爱的编辑器和流程

  • 对开发人员友好:内置语法突出显示、实时编码等

  • 主题可以与 npm 包共享并使用

  • 美观:Windi CSS 按需使用,嵌入式样式表易于使用

  • 交互:无缝嵌入 Vue 插件

  • 演示者可使用另一个窗口甚至是手机来控制幻灯片播放

  • 内置拉特克斯数学方程支持

  • VS 代码的集成编辑器或扩展

  • 录制:内置录音和相机视图

  • 可导入 PDF、PNG,甚至可托管 SPA

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