Yeoman官网新手教程:第三章 用生成器为你的项目搭建脚手架

我们已经用‘脚手架’这个词很多次了,可是你可能还是不知道这个词的含义。在Yeoman中,‘脚手架’是个多义词,他为我们有特殊的配置需求的web app创造基础文件。在这一章中,我们会看到Yeoman是怎么为我们的Angularjs应用配置各种选项,像选择性的使用第三发的库,像SASS, Bootstrap,只需要很少量的时间。

创建一个项目文件夹

创建一个文件夹,我们所有的工作都将在这个文件夹中进行。
mkdir mytodo && cd mytodo
我们会在这个文件夹中生成我们的项目生成脚手架也就说基础文件。
做为一个附件的福利,Angular生成器会自动的用文件夹的名字去为你的app命名,如果说当前情况的话,你的app名称会叫做mytodoApp,所以在进入下一步之前,请确认你没有拼写上的错误。

通过使用Yeoman菜单做为我们生成器的入口

通过 yo命令去查看你所有的生成器。
yo
如果你下载了很多的生成器,你可以随心所欲的从之中选择一个。高亮的表示处于选中状态,敲回车使用生成器。
Yeoman官网新手教程:第三章 用生成器为你的项目搭建脚手架_第1张图片
如果你已经足够熟悉yeoman了,你也可以直接使用命令来生成脚手架,比如:
yo angular

配置你的生成器

很多生成器会有很多的选项供我们选择去自定义我们的app,像很多常用的类库,可以让我们加速开发环境的搭建!
比如说AngularJS生成器,他会询问我们是否使用Sass,或者包含Bootstrap。敲入y(要)n(不要)来确认这些选项!
Yeoman官网新手教程:第三章 用生成器为你的项目搭建脚手架_第2张图片
下一步,选择一些常用的类库(会包含在我们的脚手架中):
Yeoman官网新手教程:第三章 用生成器为你的项目搭建脚手架_第3张图片
使用空格选择,确认之后敲回车。然后就开始生成了!


你可能感兴趣的:(yeoman)