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

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

创建一个项目文件夹

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

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

通过 yo命令去查看你所有的生成器。
yo
如果你下载了很多的生成器,你可以随心所欲的从之中选择一个。高亮的表示处于选中状态,敲回车使用生成器。

如果你已经足够熟悉yeoman了,你也可以直接使用命令来生成脚手架,比如:
yo angular

配置你的生成器

很多生成器会有很多的选项供我们选择去自定义我们的app,像很多常用的类库,可以让我们加速开发环境的搭建!
比如说AngularJS生成器,他会询问我们是否使用Sass,或者包含Bootstrap。敲入y(要)n(不要)来确认这些选项!

下一步,选择一些常用的类库(会包含在我们的脚手架中):

使用空格选择,确认之后敲回车。然后就开始生成了!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值