步骤 3:使用生成器搭建应用

我们已经多次使用了“脚手架”这个词,但您可能不知道它的含义。在 Yeoman 的意义上,脚手架是指根据您的特定配置请求为您的 Web 应用生成文件。在此步骤中,您将了解 Yeoman 如何为您的最喜欢的库或框架生成特定文件——可以选择使用其他外部库,如 Webpack、Babel 和 SASS——并且只需付出最少的努力。

创建项目文件夹

为所有代码实验室工作创建一个 mytodo 文件夹

mkdir mytodo && cd mytodo

此文件夹是生成器放置脚手架项目文件的位置。

通过 Yeoman 菜单访问生成器

再次运行 yo 以查看您的生成器

yo

如果您安装了几个生成器,您将能够从其中进行交互式选择。突出显示 **Fountain Webapp**。按 **Enter** 键运行生成器。

直接使用生成器

随着您对 yo 越来越熟悉,您可以直接运行生成器,而无需使用交互式菜单,如下所示

yo fountain-webapp

配置您的生成器

一些生成器还将提供可选设置,以使用常见的开发者库自定义您的应用程序,从而加快开发环境的初始设置。

FountainJS 生成器提供了一些选择,可以使用您最喜欢的

对于此代码实验室,我们将使用 **React**、**Webpack**、**Babel**、**SASS** 和 **Redux TodoMVC** 示例。

使用箭头键和 **Enter** 键依次选择这些选项,然后见证奇迹的发生。

Yeoman 将自动搭建您的应用程序,获取您的依赖项。几分钟后,我们就可以进入下一步了。

« 返回概述转到下一步 »