Browsersync的简单使用

什么是Browsersync

Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。有了它，您不用在多个浏览器、多个设备间来回切换，频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中，这一切还可以通过可视化界面来控制。
中文官网 英文官网

安装

$ npm install -g browser-sync
如果想要在项目中添加项目依赖，不适用全局安装，那么需要：
$ npm install browser-sync --save-dev

使用

在你项目中打开命令行执行：
$ browser-sync start --server --files "*.html , css/*.css , js/*.js"
然后使用，上面命令行给出的External去访问项目地址， 可以在不同浏览器，不同平台，只要保持设备在同一个网络环境，同一个网段，PC端防火墙允许这个入站规则，就可以同步显示所有的操作和更改。
它给出了两个端口一个是 3000，一个是3001，一个是项目界面，一个是管理界面，用于设置browsersync的选项。