BrowserSync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 browsersync可以同时在PC、平板、手机等设备下进项调试。 您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync 后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。BrowserSync不需要安装浏览器插件：
1，安装node.js
BrowserSync是基于Node.js的, 是一个Node模块， 如果您想要快速使用它，也许您需要先安装一下Node.js
安装适用于Mac OS，Windows和Linux。
2,安装 BrowserSync
打开node.js的命令窗口，运行以下命
npm install -g browser-sync您告诉包管理器下载BrowserSync文件，并在全局下安装它们，您可以在所有项目(任何目录)中使用。
3. 启动 BrowserSync
比如你的项目放在：D:\Nodejs\www\site\BrowsersyncExample这个目录下；
一个基本用途是，如果您只希望在对某个css文件，html文件或者js文件进行修改后会同步到浏览器里。那么您只需要运行命令行工具，进入到该项目（目录）下，并运行相应的命令：
静态网站：
如果您想要监听.css文件, 您需要使用服务器模式。 BrowserSync 将启动一个小型服务器，并提供一个URL来查看您的网站。运行一下命令：
// --files 路径是相对于运行该命令的项目（目录） browser-sync start --server --files "css/*.css"
// 监听css和html js文件 browser-sync start --server --files "css/*.css, *.html，*.js"
// 如果你的文件层级比较深，您可以考虑使用 **（表示任意目录）匹配，任意目录下任意.css 或 .html文件。 browser-sync start --server --files "**/*.css, **/*.html"
运行命令之后，浏览器会自动弹出一个地址：http://localhost:3000/这时候你可以打开你项目中的文件进行修改，如果是单个文件，直接用这个地址就可以 如果是多个文件：http://localhost:3000/
修改的时候并不需要刷新浏览器中的文件，页面会自动更新 browserSync会对浏览器做出一个监听；
ui界面：
下面是一个BrowserSync的控制台输出示例，你会发现有一个ui 地址。
可以看到还有一个叫做UI的一个地址，它是BrowserSync提供的一个简易控制面板。BrowserSync最常用的几个配置选项，都可以在这个面板里调整。
打开地址：
其中：
地址可以在手机上运行：这样pc端改文件，移动端上的文件也自动更新了，这样就方便移动端页面的测试了，不用一直刷新。
动态网站：
如果您已经有其他本地服务器环境PHP或类似的，您需要使用代理模式。 BrowserSync将通过代理URL(localhost:3000)来查看您的网站。
// 主机名可以是ip或域名 browser-sync start --proxy "主机名" "css/*.css" 比如我的主机名为：i3.sbsnew.com
http://www.browsersync.cn/docs/command-line/