使用 BrowserSync 实现网页实时刷新

简介

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文件