browser-sync的安装及使用

Browsersync - 省时的浏览器同步测试工具 | Browsersync 中文文档
1、BrowserSync是基于Node.js的, 是一个Node模块， 需要先安装一下Node.js ，官网下载安装即可。 

查看安装的node版本：node -v

2、由于npm镜像布置在国外，速度不太理想，我们可以选择淘宝镜像进行加速

npm install -g cnpm --registry=https://registry.npm.taobao.org
     查看安装的版本：cnpm -v

3、安装browsersync

cnpm install -g browser-sync

 4、启动 Browsersync

一个基本用途是，监听某个 css 文件，如果检测到文件修改就会同步到浏览器里。进入到项目目录下，根据项目类型运行相应的命令：

静态网站

如果你的网站只有 .html 文件，那么使用服务器模式即可。Browsersync 将启动一个微型服务器并提供一个 URL 来查看您的站点。

browser-sync start --server --files "css/*.css"

动态网站

如果你已经使用 PHP 或类似工具在本地启动了一个服务器，那么使用代理模式即可。Browsersync 将提供一个代理 URL 来查看您的站点。

browser-sync start --proxy "myproject.dev" --files "css/*.css"