( >o< )瞎！你还在用weinre?Browsersync来了！

遇见 Browsersync

所有发生了的事情皆是命运啊，曾经偷过的懒占过的便宜，呵呵，都来讨债了。

以前用的gulp+weinre是ex配置的，如今各奔东西，如今重装固态硬盘，如今gulp+weinre皆成为了旧日时光里的一杯冰可乐···哦，带吸管的····

靠人人要跑，靠山山要倒，既然如此，那就自己扛起大旗，另寻他法吧吧吧······既然要重新配置，那还用啥weinre，自然用更屌的呀呀呀呀···········

哎呀，我昨天做梦据说有人说我的博文拖沓冗长废话大堆，额，你造不造，程序媛也是灰常孤独的啊啊啊················

哦，我要用Browsersync了，我要将ex留在本本里的东东都剔除了，我要成为一个没有软肋的战士！即使没有盔甲·····总之不能有软肋················不能有软肋···············不能有软肋················不能有软肋················不能有软肋················

官网在此，快去膜拜http://www.browsersync.cn/

安装

• 全局gulp

npm install -g gulp 

• 全局 Browsersync

$ npm install browser-sync gulp --save-dev

配置gulpfile.js

gulp安装目录下，全局安装后，控制台会告知

新建gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync');

gulp.task('browser-sync', function() {
    browserSync({
        files: "**",
        server: {
            baseDir: "./"
        }
    });
});

gulp.task('default', ["browser-sync"]);

然后把项目文件也放在这个目录下，这样

启动gulp

访问演示页面

http://localhost:3000/www/index.html

现在修改文件后 ctrl+s即可多端自动刷新····

调试

访问控制台

http://localhost:3001/

点击这个，在一个新的标签页访问远程调试器

熟悉的weinre

现在只是简单的用起来了，后期会继续研究gulp哒