前端项目构建yeoman (yo+gulp+bower)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端项目构建yeoman (yo+gulp+bower)相关的知识,希望对你有一定的参考价值。

需要安转的工具: nodejs  npm cnpm gulp bower yo git

1.gulp是基于nodejs,需要安装nodejs

2.npm 是包管理器,用来下载其他工具包插件的

安装教程:

http://blog.csdn.net/cjagkp/article/details/52160823

3.cnpm是国内npm的淘宝镜像,因为国内有墙,所以下载一些工具包要FQ而且速度慢,用cnpm会很快例如 下载 gulp-sass(后面要下载)。安装好npm后,命令行执行下面:

 npm install -g cnpm --registry=https://registry.npm.taobao.org 

4.gulp构建工具,方便开发的。

 安装gulp: npm install --save-dev gulp 

 

5.bower包管理器,用来下载jquery bootstrap等依赖工具

  安装bower:npm install -g bower

 

6.git 用来从github上拉取query bootstrap等依赖工具。

http://www.runoob.com/git/git-install-setup.html

 

7.yo脚手架工具,用来构建yeoman的 ,yeoman由三部分组成:yo(脚手架工具)、gulp(构建工具)、bower(包管理器)。

  全局安装yo  : npm install -g yo

具体构建参考: http://blog.fens.me/nodejs-yeoman-intro/


以上是关于前端项目构建yeoman (yo+gulp+bower)的主要内容,如果未能解决你的问题,请参考以下文章

前端自动化工具

为什么选择 Yeoman 及 Yeoman 的安装

gulp和grunt的区别

我常用的前端开发工具—cutterman,mark man,sublime text,yeoman,gulp……

前端技能清单

前端工程构建工具之Yeoman