简介
Browsersync 能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。使用它将提高您30%的工作效率。 browser-sync 控制台的入口:http://localhost:3001
安装启动
-
第一步:安装 Node.js
-
第二步:安装 BrowserSync
命令:npm install -g browser-sync 检查是否安装成功:browser-sync --version 查看帮助命令: browser-sync start --help
第三步:启动 BrowserSync,命令示例:
# 监听css文件
$ browser-sync start --server --files "css/*.css"
# 监听css和html文件
$ browser-sync start --server --files "css/*.css, *.html"
#监听动态网站
$ browser-sync start --proxy "hcshow.online" "css/*.css"
注:browser-sync指令会让BrowserSync实时监控所有的html和css文件。一旦运行了这条指令,你的默认浏览器会打开一个浏览器窗口,在这个例子中会打开index.html文件
标签:网页,--,BrowserSync,sync,html,刷新,css,browser From: https://blog.51cto.com/lianghecai/6142400