给我一个div

Appearance

http-server ​

  • 一个快速启动的命令行开启本地服务的工具

1. 安装 ​

bash
pnpm add http-server -g

2. 使用 http-server ​

2.1 使用 ​

ts
/**
 * path : 要运行的文件路径(默认当前路径)
 * options : 服务运行配置项
 */
http - server[path][options]
  • 在命令行中输入http-server来启动服务器。默认情况下，http-server将在当前的目录中提供HTTP服务
  • 通过-p [端口号]指定运行的端口,默认8080端口
bash
http-server -p 8080

2.2 npx启动 ​

  • 使用npx工具直接启动 http-server无需全局安装
bash
npx http-server -p 8023

3. 本地移动端测试项目 ​

前提

使用http-server在移动设备测试本地项目,需保证移动设备与本机在同一局域网中

  1. npm run build打包生成dist(或其他名称,具体依据项目配置生成)目录
  2. 在dist目录打开终端,运行http-server
  3. 默认情况下,服务开启在 8080端口,复制服务地址(如:http://192.168.31.211:8080)
  4. 利用二维码生成网站将复制的服务地址生成二维码,移动设备扫码即可查看打包后的项目

4. 其他 ​

serve 是一个快速启动的命令行开启本地服务的工具,功能与http-server类似,但serve更加简单易用,适合小型项目快速启动服务