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