前端构建之bower、gulp

步骤:
1.安装node，node会安装npm（node package manager）
2.安装git，bower从远程git仓库获取代码包
3.安装bower
4.安装gulp

第1步和第2步没啥好说的，直接下载安装即可。
从第3步开始，我们要用命令行。

第3步：
用npm安装bower：
进入到某个文件夹下，shift+右键+w+enter，打开window命令行工具，当然你也可以选git或其它命令行工具。
敲入如下命令：
npm install -g bower
其中-g命令表示全局安装
安装完成后，敲入bower -v可以查看到当前安装版本。

bower初始化：
继续敲入如下命令：
bower init
界面上会提示你一系列关于项目的信息，按需填写即可，最后会生成一个bower.json文件，如下所示：
{
“name”: “emptyProject”,
“authors”: [
“envyslee”
],
“description”: “new description”,
“main”: “”,
“license”: “MIT”,
“homepage”: “”,
“private”: true,
“ignore”: [
“*/.“,
“node_modules”,
“bower_components”,
“test”,
“tests”
],
“dependencies”: {
}
}

用bower安装相应的包：
bower install jquery –save
然后bower就会从远程下载jquery最新版本到bower_components目录下
其中–save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行：
“dependencies”: {
“jquery”: “~2.1.4”
}
如果想修改版本的话，先在bower.json中写上版本号，再bower update即可。

包的查找：
bower search foundation
bower就会列出包含字符串foundation的可用包了

包的卸载：
bower uninstall jquery

有了bower.json后也可直接在其中dependencies下配置需要下载的包，然后敲入如下命令：
bower install
即会自动下载所有的包。

第4步：
敲入如下命令：
npm install -g gulp
1.-g表示在全局环境安装，以便任何项目都能使用它
2.gulp是将要安装的node模块的名字
装完后可以用gulp -v看下版本。

接下来，我们需要将gulp安装到项目本地，在相应目录下，敲入如下命令：
npm install –save-dev gulp
–save-dev来更新package.json文件，更新devDependencies值，以表明项目需要依赖gulp。

安装依赖：
npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename –save-dev
这一步可能会报缺少python的错，下载安装python 2.7既可（不要问我为什么是2.7- -）。

新建gulpfile.js文件，并写入：
var gulp = require(‘gulp’);
var jshint = require(‘gulp-jshint’);
var sass = require(‘gulp-sass’);
var concat = require(‘gulp-concat’);
var uglify = require(‘gulp-uglify’);
var rename = require(‘gulp-rename’);
gulp.task(‘default’, function() {
// 将你的默认的任务代码放在这
});
默认的名为 default 的任务（task）将会被运行，在这里，这个任务并未做任何事情。
以上引入的各个组件的功能以及gulp的5个方法（ task，run，watch，src，和dest）自行了解一下。