browsersync

什么是Browsersync
Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。有了它，您不用在多个浏览器、多个设备间来回切换，频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中，这一切还可以通过可视化界面来控制。
在说安装步骤之前，我们一定要了解，手机端和pc端要在同一局域网下；
安装步骤
第一步
打开 cmd---找到文件所在的路径；
安装：

$ npm install -g browser-sync

如果想要在项目中添加项目依赖，不适用全局安装，那么需要：

 $ npm install browser-sync --save-dev

第二步
安装成功后再执行：

           $ browser-sync start --server --files "*.html , css/*.css , js/*.js"

成功后会 出现local 和 Extenal;那么local是咱们pc端的端口，extenal则是手机端的端口号；
然后会自动弹出一个localhost:3000的网页，
然后在localhost:3000后面输入文件名称即可（pc端）；
在咱们手机端需要输入的是：extenal显示的端口+文件名即可同步。
注意：
不同的人用不同的编辑器，那么不管用什么样的编辑器，pc端写完后一定要ctrl+s保存一下，为什么呢，因为有的编辑器是写完程序是自动保存的，那么在browsersync里会同步的很慢，只要顺手保存一下pc端会即可同步。

大家都会注意到在$ browser-sync start --server --files ".html , css/.css , js/*.js"成功后
它给出了两个端口一个是 3000，一个是3001，一个是项目界面，一个是管理界面，用于设置browsersync的选项。