Bower与Gulp的安装

一：关于Bower

Bower可以管理包含HTML，CSS，JavaScript，字体甚至图像文件的组件。Bower不会连接或缩小代码或执行任何其他操作 - 只需安装所需软件包的正确版本及其依赖关系。

Bower针对前端进行了优化。如果多个包依赖于一个包 - 例如jQuery - Bower将只下载jQuery一次。这被称为平面依赖图，它有助于减少页面加载。

因为我现在用的项目，需要同时安装这两个东西，所以把他们放在一起来写。

在安装这两个之前，需要安装git，一般大家会在git环境下配置，但是我配置过发现有问题，所以建议在cmd环境下配置

二：找到git安装的文件夹，将cmd与bin的路径放入到环境变量PATH中；

三：安装bower

1. 全局安装 :npm install bower -g

2.bower install

在安装的中间会出现一个选择，选择1（这就是为什么我建议大家用cmd安装，因为Git里不能选择）

安装好以后在本地文件夹内可以看到生成了一个bower_component文件夹。

四：关于Gulp

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成，大大提高我们的工作效率。

gulp是基于Nodejs的自动任务运行器， 能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。

gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。

gulp常用地址：

gulp官方网址：http://gulpjs.com

gulp插件地址：http://gulpjs.com/plugins

gulp 官方API：https://github.com/gulpjs/gulp/blob/master/docs/API.md

五：安装gulp

1 安装nodejs：gulp是基于nodejs的，所以前提是安装这个，打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。

2   npm  insall     

3  全局安装gulp： npm insall gulp -g

4 查看是否安装成功： gulp -v 出现版本号即安装成功。

如果在中途出现错误，那就没有办法啦，请你把npm删除，重新一步步来吧，哈哈哈哈，我搞了好多次才成功的。