在前端开发工作中，我们通常需要搭建本地服务器来测试网站或者网页的效果。npm 包 @acdci/httpster 可以帮助我们快速搭建一个本地服务器，并且支持自定义端口号和目录。
安装
首先，我们需要在命令行中输入以下命令安装 httpster：
npm install -g httpster
这个命令会将 httpster 安装到全局环境中，从而可以在任何地方调用它。
使用
使用 httpster 创建一个本地服务器非常简单。进入你的项目目录，然后在命令行中输入以下命令：
httpster
这个命令会在当前目录下创建一个本地服务器，并且使用默认端口号（3333）来监听，默认打开的网址是 http://localhost:3333。
如果你不想使用默认端口号，可以添加 -p 参数来指定端口号，例如：
httpster -p 8080
这个命令会创建一个监听 8080 端口的本地服务器。
如果你希望指定服务器的根目录，可以在命令中添加 -d 参数，例如：
httpster -d /path/to/root
这个命令会将服务器的根目录设置为 /path/to/root。
示例代码
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- --------------- ------------ ------- ------ ---------- -------------- ------- -- - ------ ---- --- ------------- ------- -------
使用 httpster 创建本地服务器的示例代码：
$ cd my-project $ httpster
在浏览器中打开 http://localhost:3333，你应该可以看到 httpster Demo 的界面。
如果你想修改端口号：
$ httpster -p 8080
在浏览器中打开 http://localhost:8080，你应该可以看到相同的页面。
如果你想修改根目录：
$ httpster -d /path/to/root
这个时候，在浏览器中打开 http://localhost:3333，应该会显示一个空白页。因为我们现在访问的是 /path/to/root 目录，而该目录下没有任何文件。
总之，使用 httpster 可以帮助我们轻松搭建本地服务器，并且支持自定义端口号和目录。如果你是前端开发人员，就一定要学会如何使用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f80238a385564ab6b47