什么是 suber？
suber 是一个基于 Node.js 的工具，它可以在本地启动一个 HTTP 服务器，然后在浏览器里打开访问该服务器 IP 和指定端口的页面。通过修改特定文件，suber 可以实时更新浏览器中的页面，这样可以很方便地进行前端开发调试。
suber 的安装和使用
安装 suber
suber 是一个 npm 包，因此可以通过 npm 全局安装：
$ npm install -g suber
启动 suber
在终端里输入以下命令可以启动 suber：
$ suber [options]
其中，options 参数可以包含以下选项：
-p, --port <port>指定 suber 服务器的端口号，默认值为 4000；-h, --host <host>指定 suber 服务器的 IP 地址，默认值为本地 IPv4 地址；-w, --watch <path>指定 suber 监听的文件夹，默认值为当前工作目录。
$ suber -p 8080 -h 192.168.1.8 -w ~/workspace
上述命令会启动一个端口号为 8080，IP 地址为 192.168.1.8，监听 ~/workspace 文件夹的 suber 服务器。
suber 配置文件
suber 的默认配置文件为 .suberrc.js，可以在项目根目录下创建该文件，指定 suber 的选项（例如端口号、IP 地址和监听的文件夹），这样每次启动 suber 就不用手动输入选项了。
module.exports = {
port: 8090,
host: 'localhost',
watch: 'src'
};suber 的实战应用
在实际开发中，suber 很有用处，我们可以通过以下几个场景来看看 suber 在前端开发中的实际应用。
页面实时修改
当我们修改了 HTML、CSS 或 JavaScript 文件时，我们需要手动刷新浏览器才能看到修改后的效果，这很浪费时间。因此，suber 的实时修改功能可以提高开发效率。在 suber 启动的同时，我们还需要在 HTML 文件中添加以下脚本：
<!-- 自动刷新 --> <script src="//localhost:4000/suber/js"></script>
这样，只要我们在编辑器中修改后保存文件，suber 就会自动刷新浏览器，从而实现页面实时修改，节省我们的时间。
跨平台效果测试
在前端开发中，我们需要测试网站在不同设备上的效果，因此需要跨平台测试。suber 可以将我们的开发电脑作为服务器，在其他设备（例如手机、平板电脑）上通过 IP 地址和指定端口号访问网站，从而实现跨平台测试。
$ suber -p 8080 -h 192.168.1.5 -w .
假设我们在电脑上启动 suber 服务器，并将 IP 地址设为 192.168.1.5，端口号为 8080。我们可以在手机或平板电脑上输入该 IP 地址和端口号，即可在设备上查看网站效果。这样可以大大提高测试效率。
结语
随着前端技术的发展，前端工具的日益丰富，suber 作为其中的一员，可以大大提高前端开发的效率，为前端开发人员带来极大的方便。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005570a81e8991b448d3f40