HTML热加载 - 使用live-server

原创

已于 2022-11-24 14:06:20 修改 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #visual studio code #node.js #前端

于 2021-11-22 14:01:29 首次发布

本文详细介绍如何在Node.js环境中安装并配置Live-Server，包括初始化npm、创建`package.json`、安装live-server插件、启动服务器及常用配置选项，适合初学者和开发者快速部署静态网站。

live-server服务安装

注：前提需要安装node

初始化npm

npm init

安装live-server

npm install live-server -g

启动live-server

live-server

到这里就会自动弹出页面

或者

package.json 中找到 ”script” 写入

"server":"live-server ./ --port=9090"

启动

npm run server

配置

# 选择要使用的端口，默认值：PORT env var或8080
--port=NUMBER
# 选择要绑定的主机地址，默认值：IP env var或0.0.0.0（“任意地址”）
--host=ADDRESS
# 禁止自动Web浏览器启动
--no-browser
# 指定使用浏览器而不是系统默认值
--browser=BROWSER
# 禁止记录
--quiet | -q
# 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）
--verbose | -V
# 启动浏览器到PATH而不是服务器root
--open=PATH
# 用逗号分隔的路径来专门监视变化（默认值：观看所有内容）
--watch=PATH
# 要忽略的逗号分隔的路径字符串（[anymatch](https://github.com/es128/anymatch) -compatible d