BrowserSync
1.1、BrowserSync简介
是什么 ?:a helpful utility for automatically reloading web browser windows when making modifications to your application and also reflecting browser events between multiple browsers. This can be really helpful when testing your application in multiple browsers while developing.
开发语言:Node.js
官方主页:http://browsersync.io
源码仓库:https://github.com/Browsersync/browser-sync

BrowserSync通常与nodemongulp等结合起来使用, 以实现完全的自动化。

1.2、通过包管理器安装browser-sync
包管理器安装命令
npmnpm install -g browser-sync
yarnyarn global add browser-sync
1.3、browser-sync命令
1.3.1、--help

查看browser-sync命令的帮助文档。

1.3.2、--version

显示browser-sync的版本号。

1.3.3、browser-sync <command> --help

查看command子命令的使用帮助。

1.3.4、browser-sync start --port <PORT>

启动一个服务,此服务的端口号指定为PORT,默认是3000, 与express应用的默认端口号一样, 所以,一般会修改此端口号。

此命令会自动打开浏览器。默认的浏览器是Chrome

示例:

cd ~/git/fpliu-blog
browser-sync --port 3001 "**/*"
1.3.5、browser-sync start --proxy <PROXY>

设备被代理的应用,比如你用express开发的应用。

示例:

cd ~/git/fpliu-blog
browser-sync --port 3001 --proxy 'localhost:3000' "**/*"
1.3.6、browser-sync reload -f <filePath>

重新加载某个文件。

示例:

cd ~/git/fpliu-blog
browser-sync reload -f xx