npm 包 local.dev 使用教程

什么是 local.dev？

local.dev 是一个基于 Node.js 的可信赖的本地服务器，可以方便的用于前端开发的时候将本地项目在本地运行、测试和展示。

如何使用 local.dev

安装 local.dev

在安装 local.dev 之前，需要保证电脑上已经安装了 Node.js。

1. 全局安装 local.dev

npm install -g local.dev

1. 本地安装 local.dev

npm install local.dev

使用 local.dev

1. 进入项目的根目录

cd path/to/project

1. 启动 local.dev 服务器

local.dev

1. 打开浏览器，在地址栏输入：

http://localhost:8080

配置 local.dev

local.dev 的配置文件为 local.config.json。在项目根目录下，可以新建一个 local.config.json 文件，然后配置一下本地服务器的一些基本参数。例如：

-- -------------------- ---- -------
-
  ------- -----
  ------- ---------
  --------------- -------------- -------------
  -------- -
    ------- -----------------------
  --
  ------------- -
    ----------------
    --------------
    -------------------
  -
-

其中，各个参数的含义如下：

• port: 服务器监听的端口号，可以指定任意一个未被占用的端口，默认为 8080
• root: 服务器所在的根目录，默认为当前目录
• defaultFiles: 如果请求的是一个目录，服务器将会默认返回这个目录下的一个文件，逐个地检查，如果找到了一个存在的文件，则作为默认文件返回。默认的文件为：index.html、index.htm、default.html和default.htm。可以通过这个参数指定其他文件。
• proxy: 可以通过这个参数将本地服务器的请求转发到另外一个服务器上。例如，将所有以 /api 打头的请求转发到 http://localhost:3000。
• middleware: 可以通过这个参数启用本地服务器的中间件，这样可以灵活处理请求。其中，server_header 用来设置服务器的响应头信息，log_request 用来记录请求日志，compress_response 用来压缩响应内容。

示例代码

在项目根目录下，运行一下命令，可以新建一个最简单的 index.html 文件，然后使用 local.dev 启动本地服务器：

echo '<h1>Hello, local.dev!</h1>' > index.html
local.dev

然后，打开浏览器，在地址栏输入 http://localhost:8080，就可以看到一个包含 "Hello, local.dev!" 的网页了。

结束语

local.dev 是一个轻量级、可靠性高的本地服务器，可以用于前端开发过程中的本地服务器的搭建，从而能够保证前端开发效率和质量。希望本文对你有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057b5681e8991b448eb858