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"