在前端开发中，搭建本地服务是非常常见的需求。Node.js 可以很好地实现本地服务器的搭建，但对不熟悉 Node.js 的前端开发者来说，使用起来可能比较繁琐。而 npm 包 vertical-server 通过简单配置就可以让前端开发者轻松搭建本地服务器，接下来就让我们一起了解一下如何使用这个 npm 包。
安装 vertical-server
在终端输入以下命令即可安装 vertical-server：
npm install -g vertical-server
使用 vertical-server
vertical-server 的使用非常简单，只需要在命令行中输入以下命令即可启动服务：
vertical-server
启动服务后，你可以在浏览器中访问 http://localhost:8080，就可以看到 vertical-server 默认生成的页面。
指定端口号和目录
如果你想更改端口号或者静态文件目录，你可以使用以下命令：
vertical-server -p <port_number> -d <directory>
其中，<port_number> 为你想要使用的端口号，默认为 8080；<directory> 为你想要指定的静态文件目录，默认为当前目录。
使用代理
在前端开发中，为了解决跨域的问题，我们可能需要使用代理。vertical-server 也提供了简单易用的代理功能。
首先在项目中安装 http-proxy-middleware（注意：这里是项目中安装而不是全局安装）：
npm install http-proxy-middleware --save-dev
在 vertical-server 启动时，加入以下参数即可配置代理：
vertical-server --proxy "<path> <target>"
其中，path 为代理的路径，target 为代理目标地址。
以下是一个使用代理的示例：
vertical-server --proxy "/api http://localhost:3000"
表示将以 /api 开头的请求转发到 http://localhost:3000。
总结
通过本文的介绍，我们了解了如何安装和使用 npm 包 vertical-server。vertical-server 简单易用，可以帮助前端开发者快速搭建本地服务器，并提供了代理功能，方便解决跨域问题。
希望这个教程可以帮助前端开发者更好地完成本地服务器的搭建任务。如果有问题或者建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005589681e8991b448d5d7e