live-server_live-server的安装与使用
安装
-
npm install -g live-server
启用
- 直接在命令行输入
live-server
命令便可以启动本地服务器, 它会在当前文件夹下的任何文件(css文件除外)被修改时自动刷新当前打开的页面( 无论该文件是否被当前页面所依赖 )- css文件被更改时, 当前打开页面会同样会同步样式的修改, 但不会刷新页面
参数设置
设定端口
- 默认8080
live-server --port=3001
设定主机
- 默认127.0.0.1, host只能设置为当前局域网分配的IP地址
live-server --host=192.168.110.224
禁止自动打开浏览器
- 默认自动打开
live-server --no-browser
禁止打印日志
- 默认打印
live-server -q
live-server --quiet
css文件更新时重载页面
- 默认情况下css更新并不会刷新页面, 只会重新引入文件
live-server --no-css-inject
.live-server.json文件
-
在windows系统中的%UserProfile%目录(注意不是当前的项目根目录)下如果存在一个
.live-server.json
文件, 那么它将被加载并用作命令行上live-server命令的默认选项-
进入%UserProfile%目录并创建.live-server.json文件
-
cd %UserProfile% type nul>.live-server.json
-
-
-
配置.live-server.json文件
-
{ "port": 8181, // Set the server port. Defaults to 8080. "host": "0.0.0.0", // Set the address to bind to. Defaults to 0.0.0.0 or process.env.IP. "root": "/public", // Set root directory that's being served. Defaults to cwd. "open": false, // When false, it won't load your browser by default. "ignore": "scss,my/templates", "file": "index.html", "wait": 1000, "mount": [ ["/components", "./node_modules"], ["/image", "./myImageFolder"] ], "logLevel": 2 }
-
配置的详细信息看这里live-server - npm (npmjs.com)
-
相关链接
npm: live-server :
https://www.npmjs.com/package/live-server
.live-server.json文件相关问题:
[Config file .live-server.json · Issue #105 · tapio/live-server (github.com)](https://github.com/tapio/live-server/issues/105)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现