Browsersync能让浏览器实时、快速响应您的文件更改（HTML、JavaScript、CSS、Sass、Python、PHP等）并自动刷新页面。无论您是前端还是后端工程师，使用它将提高您30%的工作效率！

摘要

Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

安装环境

  • Windows系统

下载与安装

下载安装 Node.js

因为BrowserSync是基于Node.js的, 是一个Node模块，所以使用之前需要安装Node.js

点击下载 Node.js

安装Node.js就像安装普通软件一样，此处省略安装流程

检查Node.js是否安装成功

（Windows使用CMD）输入命令行： node -v [用于查看Node.js是否安装成功，显示Node.js版本号，则表示安装成功。如图下所示：

$ node -v
v10.16.0

安装 BrowserSync

从Node.js的包管理（NPM[全称：Node.js Package Manager]）库中安装BrowserSync
打开终端，输入以下命令行

npm install -g browser-sync

常见问题

错误：
....Unsupported platform for fsevents......

原因：
fsevent是在macOS下的依赖包，因为当前系统是Windows，因此只报warning信息[资料源自：http://www.caotama.com/90906.html]
解决方法：
Windows系统忽视该错误，即可。

参考

[1] http://www.caotama.com/90906.html
[2] http://browsersync.cn/

版权声明：本文为chenrengu原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/chenrengu/p/12512951.html