基于nodejs的前端调试工具browser-sync入门

1 - 关于browser-sync

browser-sync是一个基于nodejs的一个插件，用于前端调试，好处是该插件可以同步一个网段内的所有页面，比方说，假如你要做一个响应式的网页的时候，该插件就可以节省非常多的时候，例如，你要调试iPhone5，iphone6，iPhone6s,ipad，三星等设备的分辨率。

1-1

 这里假设有真机和没有真机的情况，假如有真机，我们通过pc端的iis发布一个静态页面，再用真机连接我们主机的ip，这样来调试我们的页面有没有出现异常.
 这样我，我们每保存一次代码，就去真机刷新一次，累都累死啦。。。

1-2

 这里假设我们没有真机，我们用chrome浏览器来模拟手机的分辨率，那么也是累死人的节奏，没保存一遍，到处刷新再看效果，简直是在虐待前端

解决方案就是使用browser-sync

2 - browser-sync的安装

2-1

首先先安装nodejs和npm，至于怎么安装，这里就不展开了。

2-2

然后安装browser-