Expresss+gulp+MongoDB搭建网站(三)--gulp登场

 我们的工程搭建好了之后，会不断修改代码进行调试，如果每一次都去手动刷新页面，会极大地损耗我们码代码的耐心，如果有一个工具能够自动监听文件变化，实现自动刷新就好了～

 铛铛铛铛～～gulp登场！

 掌声鼓励一下～～

 当然gulp的作用不止监听文件实现自动刷新，还有很多：

• 按模块组织代码

• css／js预编译

• 压缩／合并文件（html/css/js/img）

• 根据设置浏览器版本自动补齐浏览器前缀 等等

一、安装gulp

 还是熟悉的配方，还是熟悉的npm命令：
 全局安装：
bash-3.2# npm install -g gulp
 安装到当前项目：
bash-3.2# npm install gulp --save
 安装完成后，node_modules目录下会生成一个名为gulp的文件夹。

 安装完成！

二、配置文件gulpfile.js

 在project路径下新建一个文件，取名为gulpfile.js，作为配置文件。
 (mac下可能会出现权限问题，新建文件时会报类似 sublime Unable to save Error: *** Permission denied 的错误，
以管理员身份在website路径下执行chmod -R 777 project)

var gulp = var gulp = require("gulp");

//task()方法用于创建任务
gulp.task("cur_task",function(){
    console.log("enter!");
});

 在命令行执行 gulp cur_task(在gulpfile.js文件中定义的任务名)，可以看到：

 下一节，继续介绍gulp的详细内容～