在前端开发过程中，我们经常需要将代码部署到服务器上进行测试和调试。为了方便调试，我们可以使用 debug-server 这个 npm 包来快速搭建一个本地调试服务器，把我们的代码部署上去，进行测试和调试。
1. 安装 debug-server
在终端里输入以下命令进行安装：
npm install -g debug-server
安装成功后，使用 debug-server -v 可以查看 debug-server 的版本号：
debug-server -v
2. 使用 debug-server
2.1 创建并部署项目
使用以下命令可以在当前目录下创建一个项目：
debug-server create projectName
这样会在当前目录下创建一个名为 projectName 的文件夹，其中包含一个示例项目的文件结构：
projectName ├── dist │ └── index.html ├── node_modules ├── package-lock.json └── package.json
其中，dist 文件夹用于存放编译后的前端代码，在这里放置的文件将被托管到服务器上；node_modules 文件夹存放着项目中使用的依赖包；package.json 是项目的配置文件。
2.2 启动服务器
使用以下命令来启动服务器：
cd projectName debug-server start
运行结果：
Starting debug-server on port 8888... Serving files from /path/to/projectName/dist
其中，8888 表示服务器的监听端口，可以通过 --port 参数指定。
到此为止，我们已经成功启动了一个服务器。如果在浏览器中输入 http://localhost:8888，就可以看到项目的页面了。
2.3 调试项目
当我们修改了代码之后，需要重新编译并部署项目到服务器上，以便进行测试和调试。
在终端中运行以下命令，重新编译项目：
npm run build
这个命令会将项目的代码进行重新编译，并将编译后的文件输出到 dist 文件夹中。然后重新启动服务器：
debug-server start
运行结果：
Starting debug-server on port 8888... Serving files from /path/to/projectName/dist
在浏览器中刷新页面，就能看到最新的修改生效了。
总结
使用 debug-server 这个 npm 包，我们可以快速搭建一个本地调试服务器，并随将项目部署上去进行测试和调试，非常方便。
希望这篇文章对你有所帮助。更多详细信息，可以查看 debug-server 的官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056eb381e8991b448e776d