📜  如何在 Ubuntu 中为 Web 开发设置 Browsersync?

📅  最后修改于: 2021-10-28 02:43:07             🧑  作者: Mango

BrowserSync 是一种自动化工具,广泛用于 Web 开发。该工具通过在多个设备之间同步文件更改和交互,使我们的测试和调整速度更快。

    BrowserSync 的功能。
  1. 实时重装
  2. 交互同步
  3. 模拟较慢的连接
  4. 网址历史记录
  5. 与 GULP 和 Grunt 等任务运行器兼容
  6. 跨多种操作系统工作

BrowserSync 的工作

如果您缺少服务器设置,BrowserSync 会创建一个小型服务器。否则,它可以连接到您的服务器并充当代理。之后,它会在每个页面上添加一个 javascript 文件。此文件使用 WebSockets 在客户端和服务器之间建立通信,以监视代码或浏览器操作的更改。一旦 browsersync 检测到一个动作,它就会重新加载页面。

安装 BrowserSync

BrowserSync 是一个 npm 包,因此你必须确保安装Node.js要安装 BrowserSync,只需打开终端并执行以下命令。

sudo npm install -g browser-sync

要检查 BrowserSync 是否已安装,请输入以下命令。

browser-sync --version

使用 BrowserSync

转到项目目录的根目录,运行以下命令。

browser-sync start --server --files "*.html, css/*.css"

执行该命令后,它会触发为目录根文件提供服务的默认浏览器。
浏览器同步启动