前端开发中，我们经常需要在本地运行一个 web 服务来查看我们开发的静态页面，并且本地开发环境与线上环境有所不同，因此需要一些工具来方便我们快速启动本地服务。而 npm 包 new-serve 就是一款能够快速启动本地服务的工具。
new-serve 的安装
要使用 new-serve，首先需要安装 npm，npm 是随同 Nodejs 一起安装的包管理工具。安装 npm 后，我们就可以在命令行执行以下命令来安装 new-serve：
--- ------- -- ---------
new-serve 的使用
命令参数
当我们安装好 new-serve 后，就可以使用 new-serve 启动本地服务。
--------- ------ ---------
new-serve 的命令参数如下：
<path>：要开启服务的路径，默认是当前路径。--open，-o：自动在默认浏览器中打开网页，默认为 false（不打开）。--port，-p：指定要使用的端口号，默认为 8080。--silent，-s：不输出信息到控制台，默认为 false（输出信息）。--cors：允许跨域请求，默认为 false（不允许）。
使用示例
在命令行中输入以下命令即可开启本地服务：
---------
这将会在当前目录下启动一个本地服务，默认的端口号为 8080。
如果要指定端口号，可以使用以下命令：
--------- -- ----
这将会在当前目录下启动一个本地服务，端口号为 8888。
如果要自动打开默认浏览器，则可以使用以下命令：
--------- --
这将会在当前目录下启动一个本地服务，端口号为 8080，并自动打开默认浏览器。
以上命令只是 new-serve 的部分使用示例，通过使用不同的命令行参数，我们可以灵活运用 new-serve 工具。
new-serve 的原理
new-serve 是基于 http 模块的实现的一个本地服务，它的主要特点是代码简单易懂，功能完备。
在 new-serve 中，它使用 http.createServer() 方法创建了一个 http 服务，并通过 request、response 事件来处理请求和响应，然后监听指定的端口号，并输出服务的地址和端口号到控制台。
总结
new-serve 是一款简单实用的本地服务工具，它可以帮助我们快速启动本地服务，方便我们开发调试。由于其简洁易懂的代码实现，我们可以通过学习 new-serve 的源码来提高自己的 JS 技能，并了解到如何使用 Nodejs 来实现一个简单的 web 服务。
示例代码：
----- ---- - ----------------
----- -- - --------------
----- ---- - ----------------
----- --- - ---------------
--- ---- - -----
--- ------- - --------------
--- ---- - ----------------------
-- ------
--- ---- - - -- - - ------------ ---- -
--- --- - --------
-- ----------------------- --- -- -
---- - ------------------------
- ---- -- ------------------ --- - -- ---------------------- - ----- -
---- - --------------- - ----
----
- ---- -- ---- --- -------- -- --- --- ----- -
----------- - -----
- ---- -- ---- --- ---------- -- --- --- ----- -
------ - -----
- ---- -
------- - ------------------
-
-
-- -- ---- --
----------------------- ---- -- -
--- -------- - ----------------------------
--- -------- - ------------------ ----------
----------------- ----- ------ -- -
-- ----- -
------------------ ---------------- ---------------
-------------- --- ----------
----------
-------
-
-- ---------------- -
--------------------- --------- ----- ----- -- -
-- ----- -
------------------ ---------------- ---------------
------------- - ------
----------
-------
-
-------------------
--------------- ----------
----------
---
-------
-
-- --------------------- -
-------- -- --------------
--------------------- --------- ----- ----- -- -
-- ----- -
------------------ ---------------- ---------------
-------------- --- ----------
----------
-------
-
-------------------
--------------- ----------
----------
---
-------
-
------------------ ---------------- ---------------
-------------- -------- ------ ----------
----------
---
--------------- -- -- -
------------------- ------- -- ---------------- - ---- - -----
--------------------- ---- --- - - ---------
---来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005737981e8991b448e9696