npm 包 linux-http-server 使用教程

阅读时长 4 分钟读完

在前端开发过程中,经常需要在本地运行静态资源。使用 python -m SimpleHTTPServer 或者 node.js 内置的 http-server 也是很方便的选择。但是,如果你是一位偏爱使用 linux 操作系统的前端开发者,那么 linux-http-server 绝对是你不容错过的工具。

本文将详细介绍如何使用 npm 安装和使用 linux-http-server,并带你一步步了解该工具的具体功能及实例代码。

1. 安装 linux-http-server

linux-http-server 是一款 npm 包,所以你需要首先安装 npm 工具。如果你已经安装了 node.js,那么 npm 也应该已经自动附带在你的安装包中了。

在使用 npm 安装 linux-http-server 前,先来简单介绍一下 npm 中的几个常用指令:

  • npm init [-y]:用来创建 package.json 文件。当 -y 选项不存在时,npm 会询问你一系列问题来生成 package.json 文件;而当 -y 选项存在时,npm 并不会询问,而是使用全部默认值来创建 package.json 文件。
  • npm install <package>:用来安装指定包。当 -g 选项存在时,会将包安装到全局环境下;否则,将安装到当前项目的 node_modules 目录中。
  • npm update:用来更新当前项目的所有依赖包。
  • npm outdated:用来检查当前项目中所有依赖包的更新情况。

现在我们就可以通过 npm 管理工具来安装 linux-http-server 了。

上面的指令会将 linux-http-server 包全局安装在你的机器上,方便直接调用。如果不加 -g 参数,则会将包安装在当前目录下。

2. 启动 linux-http-server

安装成功后,我们就可以启动 linux-http-server 来提供静态资源服务了。

linux-http-server 启动时,会监听本机 80 端口(如果该端口已经被占用,则会使用其他可用的端口),并以当前目录作为项目根目录提供服务。

在服务器启动后,你将得到一个 URL 地址,访问该地址,就可以看到当前目录下的所有文件以及文件夹结构了。如果没有路径参数,则默认打开 index.html 文件。

3. 使用 linux-http-server

linux-http-server 支持很多参数,可以根据不同需求定制服务:

  • --port <PORT>-p <PORT>:设置监听端口。默认为 80,可以使用 sudo 来开启。
  • --root <PATH>-r <PATH>:设置服务的根目录。默认为当前目录。
  • --cors-c:开启 CORS 跨域支持。
  • --live-reload:开启实时重载支持。
  • --ssl:使用 HTTPS 协议提供服务。
  • --auth <USER:PASSWORD>:启用基本身份验证功能,并使用指定的用户名和密码进行验证。
  • --help-h:查看所有可用参数及帮助信息。

下面是一个示例,演示了如何使用 linux-http-server 开启实时重载支持:

现在你可以在你的代码中修改一些文件,保存后,你的浏览器中的页面便会自动更新。

4. 结语

通过本教程,相信你已经学会了如何安装、启动和使用 linux-http-server。这个工具能够很好地提供静态资源服务,并且支持很多参数,非常适合在 linux 环境下使用。

希望本文对你的学习和开发有所指导和帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005601681e8991b448de33b

纠错
反馈