Browsersync 省时浏览器同步测试工具,浏览器自动刷新,多终端同步

Posted 刘金宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Browsersync 省时浏览器同步测试工具,浏览器自动刷新,多终端同步相关的知识,希望对你有一定的参考价值。

官网地址 http://www.browsersync.cn/

 

1、安装 BrowserSync

npm install -g browser-sync

 

2、启动 BrowserSync

// --files 路径是相对于运行该命令的项目(目录) 
browser-sync start --server --files "*.html"

//如果您需要监听多个类型的文件,您只需要用逗号隔开。例如我们再加入一个.html文件
// --files 路径是相对于运行该命令的项目(目录) 
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。 
browser-sync start --server --files "**/*.css, **/*.html"

 

以上是关于Browsersync 省时浏览器同步测试工具,浏览器自动刷新,多终端同步的主要内容,如果未能解决你的问题,请参考以下文章

BrowserSync - 浏览器同步测试工具

Browsersync 简介 and 使用

浏览器同步测试神器 — BrowserSync

Browsersync的安装及使用方法

前端工具-浏览器同步测试(自动刷新热刷新热加载)

前端工具-浏览器同步测试(自动刷新热刷新热加载)