Advertisement

使用BrowserSync实现页面实时刷新和快速开发

阅读量:

【在前端开发过程中,开发者往往期望对代码进行修改后,页面能够自动实时更新,而无需每次手动刷新浏览器以查看效果,BrowserSync正是实现这一需求的理想工具。

BrowserSync具备同步文件变更的功能,并支持在多台设备上进行交互操作。

BrowserSync 安装指南

BrowserSync作为一款npm模块,在进行安装之前需要先行部署Node.js环境。

  1. 启动命令行界面(在VSCode中可通过按下组合键ctrl+~来调出内置终端)
  2. 执行命令 npm install -g browser-sync
  3. 输入 browser-sync --version(用于验证BrowserSync是否安装完毕,同时可通过该命令查看当前安装的版本信息)
  4. 关于BrowserSync的使用方式:
    假定当前的文件结构如下:
这里写图片描述

此时应于系统根目录位置执行以下命令:

复制代码
     browser-sync start --server --files "*.html, css/*.css"
    

全部评论 (0)

还没有任何评论哟~