简介
npm 是一个包管理器，可以用来分享、发现和使用代码包。在前端领域中，有很多非常优秀的 npm 包，可以辅助我们快速构建应用，提高开发效率。ham-web-server 就是其中一种非常优秀的 npm 包，它是一个基于 Node.js 的静态服务器，可以用来快速搭建本地服务器，方便测试。
安装
安装 ham-web-server 非常简单，只需要在终端输入以下命令即可：
npm install ham-web-server -g
其中 -g 表示是全局安装，如果只在当前项目使用，可以省略此参数。
使用
安装完成之后，我们在命令行中输入 ham-web-server，会出现以下提示：
Usage: ham-web-server [dir] [options] [dir] set server directory (default: .) -p, --port [number] set server port (default: 8080) -h, --help output usage information -v, --version output the version number
其中 dir 表示服务器根目录，默认为当前目录。-p 参数表示端口号，默认为 8080。我们可以使用以下命令来启动服务器：
ham-web-server -p 3000
这将会启动一个端口号为 3000 的服务器，服务器根目录为当前目录。
示例代码
接下来，我们来写一个简单的示例来演示如何使用 ham-web-server。
首先，我们需要创建一个 HTML 文件和相关的静态资源文件。在当前目录下，我们创建一个 index.html 文件，内容如下：
-- -------------------- ---- -------
--------- -----
------
------
--------- ----- -------------- -----------
----- ----------------
-------
------
---------- --------------------
-------
-------然后，我们创建一个 style.css 文件，内容如下：
h1 {
color: red;
}接着，我们在命令行中执行以下命令：
ham-web-server
这将会启动一个默认端口为 8080 的服务器，服务器根目录就是当前目录。现在，我们在浏览器中访问 http://localhost:8080/index.html，即可看到我们的网站已经被成功地搭建起来了。
如果我们想要修改端口号为 3000，可以执行以下命令：
ham-web-server -p 3000
然后，我们只需要在浏览器中访问 http://localhost:3000/index.html，就可以看到我们的网站了。
指导意义
ham-web-server 是一个非常实用的 npm 包，它可以帮助我们快速搭建本地服务器，方便测试。对于前端开发人员而言，熟练掌握 npm 包的使用，可以大大提高开发效率。因此，我们应该多花时间去学习和使用这些优秀的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/105710