前端工程构建···YEOMAN

当我们想创建一个前端项目的时候,首先我们需要配置开发的环境,初始化目录结构,下载一些库和框架文件(如JQuery,BootStrap),以及一些编译环境(就像Less),可能还要配置单元测试框架,YEOMAN就可以帮我们做这一系列的繁琐工作,你需要做的只是敲几个命令,你熟悉的项目框架就已经搭建好了。

YEOMAN包括三部分组成:YO、GRUNT(部署、预览、测试)、BOWER(包管理工具)。

这里只分享一些简单的用法,至于高大上的东西还是要大家一起研究学习。

首先你需要做的就是下载安装Node.js,安装好之后我们还需要安装一下bower:

-$ npm install -g bower

安装YEOMAN

-$ npm install -g yo

安装完之后,输入yo,如果出现了下面这个图片,证明你已经成功了!

图片

这是我们就可以使用YEOMAN来创建我们的项目了,如果你喜欢使用Angular(其他的也是一样的),首先你需要选择Install a generator来安装你的框架,之后输入你的框架名称,YEOMAN会替我们寻找我们想要的东西。

安装好之后在Run a generator下面选择你的框架(别忘了先创建一个项目文件夹,cd到里面):

图片

YEOMAN就会为我们创建好我们的项目了。YEOMAN在初始化项目之后会自动执行npm installbower install下载依赖文件,并不需要我们手动执行。

图片

我们的项目文件会出现在app这个目录之下,你会发现,这个文件夹下面的东西就是我们熟悉的了。

图片

接下来我们就可以在这个基础上开发我们的项目了。