live-server 端静态http服务器

一、主要内容

本文主要讲解live-server是干什么的，做一个小的文件共享。（学习阶段，不断的查漏补缺）。

二、live-server是什么

基于 Node.js/npm 的前端静态开发轻量 HTTP 服务器（命令行工具，区别于 VSCode 同名插件），专门调试 HTML/CSS/JS/Three.js/ 数字孪生页面。

进入项目文件夹敲一行命令立刻启动静态服务，不用装 Nginx/Apache。

三、软件安装

（1）前提示先要安装node.js；

（2）npm是node.js下的一个工具，npm是node.js的包管理器；类似于apt命令。

bash 复制代码

sudo npm install -g live-server

四、常用命令

可以指定服务器的端口、ip地址

bash 复制代码

# 普通权限启动（推荐，日常开发不用sudo）
live-server

# 指定端口（比如8080）
live-server --port=8080

# 不自动弹出浏览器
live-server --no-browser

# 指定托管目录
live-server ./dist

#指定网络
live-server --host=192.168.10.229

五、实际案例

（1）共享Linux系统上的文件；共享文件的内容如下

bash 复制代码

tian:~$ cd 123/
tian:~/123$ ls
23424.txt
tian:~/123$ cat 23424.txt 
ksjfojfoejfe

进入到实列文件夹123后使用命令sudo live-server --host=192.168.10.98 共享文件。

（2）使用浏览器查看共享文件

（3）使用手机查看共享文件