BrowserSync的安装与使用详解

     BrowserSync是一个省时的浏览器同步测试工具，可以同时在PC、平板、手机等设备上进项调试。这个工具是基于nodejs的，可以通过npm安装。不废话马上进入正题。

    安装Node后，通过npm安装BrowserSync：

    在命令行窗口输入npm install -g browser-sync  全局安装BrowserSync；

    安装完成后，可以通过browser-sync --version来查看是否安装成功以及安装的版本。

1.如果你要调试页面为静态页面，只是单纯的css样式文件或者html页面，在当前需要调试目录下，打开命令行窗口。

  输入命令：browser-sync start --server --files "css/*.css"。、

这其实是BrowserSync自己启动了一个小服务器。

2.如果你自己搭了一个服务器，例如node、apache、tomcat，已经有了一个服务器地址，例如：localhost:8080,则

  输入命令：browser-sync start --proxy "localhost:8080" --files "css/*.css"

这2种情况启动成功后，都会给你一个新地址（没被占用的话），如：localhost:3000给你访问。

如果想要手机和电脑同步测试的话，需要让手机和电脑在同一个网段，要让电脑连接上手机开启的热点，连接后在手机浏览器上输入给出的ip地址就ok了。