省时的浏览器同步测试工具，本文主要讲述下载和使用的快捷技巧

1、安装 Node.js

不多说了！自己装

2、安装 BrowserSync

npm install -g browser-sync

这样就全局安装了！

3、启动 BrowserSync

• 静态网站

// --files 路径是相对于运行该命令的项目（目录） 
browser-sync start --server --files "css/*.css"
//监听多个 用,隔开
browser-sync start --server --files "css/*.css, *.html"

• 动态网站
  

很多时候我们一般在本地以及搭建好了环境！那么我们就需要用到如下方式

// 主机名可以是ip或域名
browser-sync start --proxy "主机名" "css/*.css"

我们还可以绑定

browser-sync start --proxy "xhcss.com" "css/*.css"

4、快捷方法

很多时候，我们每次打开，都要输入这么一长串命令很麻烦！

这个使用我们可以！在项目目录cmd，输入

npm init

然后一直按回车！

我们就可以在项目目录得到一个package.json的文件

{
  "name": "xhcss",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
     "test": "\"browser-sync start --proxy \"localhost:265\" \"basic/css/*.css\" "
  },
  "author": "",
  "license": "ISC"
}

需要修改的在

"scripts": {
     "test": "\"browser-sync start --proxy \"localhost:265\" \"basic/css/*.css\" "
  },

下次打开即可直接在目录下cmd

npm run test

即可启动我们已经预输的命令了！

工具参考网站

www.browsersync.cn