LiveStyle vs LiveReload vs BrowserSync 三者整体对比：

http://livestyle.io/

http://livereload.com/

https://www.browsersync.io/

这个实时可视化开发工具在sublime text中安装的时候回报这个错

如何配置的啊

LiveStyle vs LiveReload vs BrowserSync 三者整体对比：

http://livestyle.io/

http://livereload.com/

https://www.browsersync.io/

browsersync vs livereload

1. browsersync本质是启动一个代理服务器，代理服务器监听文件变化，通过 TCP 长连接，并且仅仅对变化的部分进行视图的同步，而 livereload 本质是帮你做 F5操作；

2. 相似之处在于它们都支持对所有类型的文件进行实时页面更新，也都是单向数据流，只能通过修改文件更新页面，反之不行；二者都支持 gulp 脚本；

3. browsersync 不需要安装浏览器插件，只依赖于一个 nodejs 的插件，是一个局部的刷新，而 livereload 是对整个页面刷新；

4. browsersync 可以实现手机浏览器和 PC 浏览器，或者多个浏览器之间的同步，包括视图的同步和交互的同步

安装方法： npm install -g browser-sync

支持所有文件的改变，实时刷新浏览器展示效果；

和 gulp 结合，自定义一些刷新策略；

浏览器插件：livereload

本地： npm install -g livereload

有三种方式：

livestyle

livereload

bowser-sync

初学：前端实时可视化开发

修改代码后，不需要重新刷新浏览器，保存后即实时刷新。

前端实时可视化开发工具整体对比

实现可视化编程，实时更新页面内容；

主要有：liveStyle,liveReload,Broswer-Sync