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-