NodeJS+Gulp+Browser-sync

1.准备工作

$ npm install gulp -g

$ npm install gulp browser-sync –save-dev

2.创建gulpfile.js

var gulp        = require('gulp');var browserSync = require('browser-sync').create();var reload      = browserSync.reload;// 静态服务器 + 监听www文件夹下的所有文件// gulp.task('serve', function() {//     browserSync.init({//         server: "./www"//     });//     gulp.watch("www/*.*").on('change', reload);// });//代理服务器 + 监听www文件夹下的所有文件gulp.task('serve', function() {    browserSync.init({        proxy: "你的IP地址:4000"  //假设本地项目运行在localhost:4000    });    gulp.watch("www/*.*").on('change', reload);});//将serve设为gulp的默认任务gulp.task('default',['serve']);

3.启动方式

3-1.启动本地node项目

$ node app.js

3-2.启动gulp ( 浏览器将自动打开localhost：3000页面 )

$ gulp