在前端的开发和调试中，我们经常需要一个简单的 HTTP 服务器来提供静态资源服务。而 http-server 就是这样一款非常方便的 Node.js 工具，它可以快速地启动一个本地 HTTP 服务器，并将当前目录下的文件暴露出来。
安装 http-server
使用 npm 包管理器全局安装 http-server：
npm install -g http-server
启动 http-server
在终端窗口中执行以下命令即可启动 http-server：
http-server
默认情况下，http-server 将会在 8080 端口监听请求，并将当前目录作为根目录。你可以通过 -p 参数指定监听的端口号，如：
http-server -p 3000
这将会开启一个在 3000 端口上监听的 HTTP 服务器。
除此之外，还有许多其他的参数可以配置，例如：
-a指定可接受请求的地址，默认为0.0.0.0；-d显示调试信息；-c缓存时间（以秒为单位），默认为3600；-o自动打开浏览器。
更多详细信息请查看 官方文档。
示例代码
下面是一个示例，展示了如何使用 http-server 提供静态资源服务。
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
------------------ ----------
-------
------
---------- -----------
------- -----------------------
-------
-------在上述示例中，我们加载了一个 main.js 脚本文件，它位于与 HTML 文件相同的目录下。使用 http-server 启动 HTTP 服务器后，可以通过访问 http://localhost:8080/ 来查看页面效果。
学习和指导意义
掌握 http-server 工具可以极大地提升前端开发和调试的效率，特别是在开发过程中需要频繁地调整和测试静态资源时。同时，在开发完成后，也可以使用 http-server 将静态资源轻松地部署到生产环境中。
除此之外，学习使用 http-server 还有助于我们更好地理解 HTTP 协议和 Web 服务器的工作原理，以及如何利用 Node.js 实现一个简单的 HTTP 服务器。
总之，http-server 是一款非常实用且易于使用的 Node.js 工具，值得前端开发者深入了解和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49472