Browsersync能让浏览器实时、快速响应文件的更改(html、js、css、sass、less等)并自动刷新页面。

更重要的是,Browsersync可以同时在PC、平板、手机等设备下进项调试。真是前端调试的必备工具之一。本文简要记录一下Browsersync安装和使用方法。

  1. 安装Node.js®。Browsersync基于Node.js®,所以先要安装好。可以在官网 https://nodejs.org/zh-cn/ 下载和安装。
  2. 安装BrowserSync。在命令行下运行npm i browser-sync即可。
  3. 在命令行下,进入到要调试的网页的目录,运行
    browser-sync start --server --files "*.html, css/*.css, js/*.js"

    即可对根目录下的html文件以及css目录下的css此文件和js目录下的js脚本进行监控。