browsersync 加速前段开发

BrowserSync 可以同步文件变化和同时可以和多个设备交互

也就是不用刷新，可以将html css 文件的变化同步到浏览器中；
通过这个工具，我们操作一个设备上的页面，可以看到多个设备同步变化

主要的特点

• 及时加载
• 交互同步
• 模拟慢的网速
• URL 历史
• 其他

他是怎么工作的

首先他会启动一个本地服务，但是如果你已经有一个本地服务，你可以将BrowserSync当做d代理；BrowserSync 会在每个页面添加一个JavaScript代码；这个文件会利用WebSockets和本地服务之间交互，客户端随时关注代码的变化和浏览器的行为；

网页首先在本地服务中，浏览器的中网页被BrowserSync添加一个特殊的JavaScript文件，它可以利用WebSockets和本地服务之间通信，本地服务中的变化能及时的传递到浏览器；

安装 BrowserSync

BrowserSync 是一个npm 包

    npm install -g browser-sync

检查安装的版本

browser-sync --version

其他的明天再翻译

https://scotch.io/tutorials/how-to-use-browsersync-for-faster-development

https://anyscreensize.com/blog/gulp-sass-browser-sync-front-end-dev