什么是 generator-powdered-toast
generator-powdered-toast 是一个基于 Yeoman 的 npm 包，用于快速生成基础的前端项目结构。它规范了项目的文件目录结构，提供了最基本的构建流程，让开发者不需要花费时间在重复工作上，可以更加专注于业务开发。
安装 generator-powdered-toast
使用 npm 安装 generator-powdered-toast，执行以下命令
npm install -g yo generator-powdered-toast
使用 generator-powdered-toast
使用 generator-powdered-toast 创建一个新项目非常简单，执行以下命令
yo powdered-toast
generator-powdered-toast 会向您询问一些基本信息，如项目名称、描述、作者等等。接下来，它将自动生成基本的项目结构，如下所示：
your-project/ ├── src/ # 源码目录 │ ├── index.html │ ├── index.js │ └── style.css ├── test/ # 测试用例目录 ├── package.json └── README.md
如何自定义 generator-powdered-toast
generator-powdered-toast 与其他 Yeoman generator 一样，可以被定制化以满足不同的项目需求。以下是如何自定义 generator-powdered-toast 的步骤：
首先，您需要将 generator-powdered-toast 安装到您的项目中。
npm install --dev generator-powdered-toast
在一个新文件夹中创建一个名为
app/index.js的文件，其中app目录是用于存放生成器逻辑的默认目录。在
app/index.js中定义您想要生成的文件和目录。 这需要使用 Yeoman 流程模板语言（Inquirer prompts 和 EJS）。将
app/templates文件夹中的文件拷贝到您的项目中。在
package.json中添加以下行代码以指向您的自定义生成器。"generator-powdered-toast": "file:./path/to/your/custom/generator"
在您运行 yo powdered-toast 时，将使用您的自定义生成器代替默认生成器。
一个基本的例子
要求
我们的需求是希望自动生成下面的目录结构：
-- -------------------- ---- ------- ------------- -- ---- - -- ------- - -- -------- - -- ------- - -- ---------- - -- ----- -- ------------ -- ------------
实现步骤
首先，我们需要在一个新文件夹中创建一个名为
app/index.js的文件。然后，我们需要引入框架：
const Generator = require('yeoman-generator');现在，我们可以创建一个新的生成器类：
module.exports = class extends Generator { };然后，我们需要在构造函数中定义基本的信息。
module.exports = class extends Generator { constructor(args, opts) { super(args, opts); this.props = opts; } };接着，我们需要在
writing()方法中定义我们想要生成的文件和目录结构。-- -------------------- ---- ------- -------------- - ----- ------- --------- - ----------------- ----- - ----------- ------ ---------- - ----- - --------- - ------------- ------------------------------------ -------------------------------------- -- ------------- ---------------------------------- ------------------------------------ -- ------------- --------------------------------- ----------------------------------- -- ------------- --------------------------------- ----------------------------------- -- ------------- --------------------------- ----------------------------- -- ------------- ---------------------------------- ------------------------------------ -- ------------- ---------------------------------- ------------------------------------ -- - --
尝试一下
我们已经成功自定义生成器，在下面尝试一下：
创建一个名为
my-new-project的新文件夹在命令行运行
yo powdered-toast，并按照命令行提示输入新项目的具体信息等待提示符完成，即可自动创建新的文件夹和目录结构。
总结
通过本篇文章的介绍，您已经了解了 generator-powdered-toast 的使用方法和自定义方法。generator-powdered-toast 已经帮助我们自动组织文件结构，定义任务流程，实现自动化部署，节省了我们的时间，让我们可以更加专注于业务开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e4881e8991b448dbba7