使用BrowserSync实现页面实时刷新和快速开发
发布时间
阅读量:
阅读量
【在前端开发过程中,开发者往往期望对代码进行修改后,页面能够自动实时更新,而无需每次手动刷新浏览器以查看效果,BrowserSync正是实现这一需求的理想工具。
BrowserSync具备同步文件变更的功能,并支持在多台设备上进行交互操作。
BrowserSync 安装指南
BrowserSync作为一款npm模块,在进行安装之前需要先行部署Node.js环境。
- 启动命令行界面(在VSCode中可通过按下组合键ctrl+~来调出内置终端)
- 执行命令
npm install -g browser-sync - 输入
browser-sync --version(用于验证BrowserSync是否安装完毕,同时可通过该命令查看当前安装的版本信息) - 关于BrowserSync的使用方式:
假定当前的文件结构如下:

此时应于系统根目录位置执行以下命令:
browser-sync start --server --files "*.html, css/*.css"
全部评论 (0)
还没有任何评论哟~
