@jledentu/generator-reveal 是一个 npm 包，它提供了一个 reveal.js 的模板，并可以自动生成一个演示文稿的目录结构和基本配置。在前端类应用程序开发中，我们经常需要用到演示文稿来介绍产品或者代码。@jledentu/generator-reveal 的出现可以大大简化我们的工作流程，下面是该包的详细使用教程。
安装
首先，在安装 @jledentu/generator-reveal 之前，你需要确保你的计算机已经安装了 Node.js 和 npm。安装完成之后，运行下面的命令安装 @jledentu/generator-reveal：
npm install -g yo npm install -g generator-reveal
如果你使用的是 Yarn，可以运行下面的命令:
yarn global add yo yarn global add generator-reveal
使用
安装完成之后，运行下面的命令生成一个 reveal.js 的演示文稿：
yo reveal
然后，你需要输入演示文稿的名称，以及目标文件夹的路径。接下来，@jledentu/generator-reveal 会自动生成演示文稿的模板和目录结构。
目录结构
下面是生成的演示文稿的目录结构：
-- -------------------- ---- -------
------------------
--- -------------
--- ----------
--- ------------
--- ------------
--- ---------
--- ----------
--- -------
--- ------------------
--- ------------------
--- ---------------------
--- ----------------其中，index.html 是演示文稿的主要 HTML 文件，slides 文件夹包含了演示文稿的每一页内容。下面是 slides/01-introduction.md 的示例代码：
# Introduction - Hello, my name is John. - Today, I will show you how to use `generator-reveal`. - Reveal.js is a powerful tool for creating presentations. - Let's get started!
主要配置
在生成的演示文稿中，你需要修改 index.html 中的下面的配置项：
-- -------------------- ---- -------
--------
-------------------
--------- ----- -- -----
--------- ----- -- -----
------------ ------ -- -----------
-------- ----- -- -----
------- ----- -- -------
----------- -------- -- -------
------------- -
-- -------- --
- ---- --------------------------- --
- ---- ----------------------------- --
-- -------
- ---- ------------------------ --
- ---- ------------------------ ------ ---- -
-
---
---------其中，transition 是幻灯片的转换方式，可选值包括 none、fade、slide 等。
以上是 @jledentu/generator-reveal 的使用教程。希望本文能给你带来指导和学习意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc5967216659e24437a