前端开发涉及到很多工具，其中，使用 Node.js 可以让开发工作更为高效。而在 Node.js 中，npm 是最重要的工具之一，通过它可以管理包，简化开发流程。本文将介绍一个非常实用的 npm 包——server-bro，它可以帮助我们快速搭建一个本地服务器。以下是详细的使用教程。
一、什么是 server-bro？
server-bro 是一个轻量级服务器包，可以用于快速搭建本地服务器。它内置了一些常用的功能，例如：支持 http 和 https，支持基本身份验证，可以设置请求头和跨域代理等。同时，server-bro 还可以支持实时重载，这样在修改源文件时可以实时更新网页。
二、如何安装 server-bro？
直接通过 npm 安装即可，输入以下命令：
npm install -g server-bro
以上命令将全局安装 server-bro，这样你就可以在终端中使用 server-bro 命令了。
三、如何使用 server-bro？
1. 基本使用
在终端中输入以下命令：
server-bro start
以上命令将在当前目录下创建一个本地服务器，并以默认端口 8000 开启。在浏览器中输入 http://localhost:8000/，你将看到当前目录下的文件列表。
2. 自定义端口
如果想要使用其他端口，可以在启动的时候加 -p 参数，例如：
server-bro start -p 9000
以上命令将在当前目录下创建一个本地服务器，并以 9000 端口开启。
3. 指定文件目录
可以通过 -d 参数来指定服务器的文件目录。例如：
server-bro start -d /path/to/dir
以上命令将在指定的目录下创建一个本地服务器，并以默认端口 8000 开启。
4. 支持 https
如果需要在本地使用 https，在启动的时候加 -s 参数即可。例如：
server-bro start -s
以上命令将在当前目录下创建一个本地服务器，并以默认端口 8000 开启。
同时，你还需要在浏览器中信任证书才能够访问。请根据浏览器的不同进行设置。
5. 支持实时重载
在启动时使用 -r 参数可以启用实时重载功能。例如：
server-bro start -r
以上命令将在当前目录下创建一个本地服务器，并以默认端口 8000 开启。在修改文件时，你将看到页面自动刷新。
6. 其他参数
假如你希望 server-bro 支持跨域代理、输出详细日志和进行基本身份验证等功能，可以使用 -proxy、-v 和 -auth 参数。例如：
server-bro start -proxy http://localhost:8080 -v -auth user:password
以上命令将在当前目录下创建一个本地服务器，并以默认端口 8000 开启。server-bro 还会将来源为 http://localhost:8080 的跨域代理到当前服务器，并输出详细日志。同时，访问当前服务器时，需要提供用户名为 user，密码为 password 的身份验证信息。
四、总结
server-bro 是一个非常实用的 npm 包，可以帮助我们快速地搭建本地服务器，并且支持 https、实时重载和各种常用的功能。有了它，我们可以更加高效地进行前端开发。
示例代码：
-- -------------------- ---- -------
----- --------- - ----------------------
-----------------
----- -----
---- ---------------
------ -----
------- -----
------ ------------------------
----- -
----- -------
--------- ----------
--
-------- ----
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c2b81e8991b448d9ca6