前端开发过程中，经常会需要在本地开启一个服务器，以便快速预览项目效果或模拟 API 接口返回数据。而 npm 上有一个便捷的开发服务器工具——lowserver，它能够快速创建并启动本地服务器，简化开发工作流程，本文将介绍如何使用 lowserver。
安装 lowserver
lowserver 是一个基于 Node.js 的 npm 包，所以在安装该工具前，需先确保本地已安装了 Node.js。在命令行中输入以下命令即可安装 lowserver：
--- ------- -- ---------
由于 lowserver 安装后生效于全局，所以在安装前需要使用管理员权限运行命令行。
启动 lowserver
安装成功后，在命令行中进入项目目录，输入以下命令即可启动 lowserver：
---------
启动成功后，在浏览器中输入 http://127.0.0.1:8080 即可访问项目页面。
使用指南
lowserver 可以帮助我们快速启动本地服务器，进而方便地进行前端开发。以下是几个常用的使用指南：
自定义端口号
lowserver 默认使用 8080 端口号，但我们也可以通过命令行参数来自定义端口号。例如，输入以下命令：
--------- -- ----
即可启动端口号为 3000 的 web 服务器。
指定根目录
lowserver 默认将当前目录作为根目录开启服务器，但我们也可以通过命令行参数自定义根目录。例如：
--------- -- -------------
即可将 /path/to/root 目录作为根目录开启服务器。
模拟 API 请求
在开发过程中，我们需要模拟 AJAX 请求获取数据，lowserver 也提供了便捷的功能。我们可以在代码中写上 $.ajax 请求，然后将 http://127.0.0.1:8080 替换成 http://127.0.0.1:8080/api，再将数据放在根目录下的 mock 文件夹中。
下面是一个示例代码：
--------
---- -------------
--------- -------
-------- -------------- -
------------------
-
---在根目录下创建 mock 文件夹，并在其中创建 users.json 文件，内容如下：
-
------- -
-
------- -------
------ --
--
-
------- -------
------ --
-
-
-启动 lowserver 后，访问 http://127.0.0.1:8080/api/users 即可看到模拟数据。
总结
本文介绍了如何使用 lowserver 快速启动本地服务器，并简单说明了几个常用的使用指南。相信通过学习本文，您已经能够掌握该工具的基本使用方法，更好地进行前端开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600572cb81e8991b448e8f99