前端自动化刷新工具 live-server 的介绍与使用方法

本文介绍了一款提升前端开发效率的工具——Live-Server。它能够在文件修改后自动刷新页面,实现热加载,避免了手动刷新查看效果的低效操作。通过使用npm或cnpm全局安装Live-Server,并在项目根目录下通过命令行启动,即可享受自动刷新带来的便利。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端开发调试的时候以前总需要不断的刷新看效果,效率很差。
而live-server可以在我们修改完文件后自动刷新,达到热加载的作用,原理不是很懂,但是会用。

liver-server的安装

npm i -g live-server

使用cnpm全局安装
cnpm i -g live-server
liver-server的使用

根目录下在地址栏输入cmd打开命令栏,

输入命令live-server 即可启动项目


如果又index.html命名的文件会直接打开,想切换其他页面直接在网页上地址栏更换文件名即可,
如果没有index.html这个文件,则会打开当前文件夹供你选择。
在这里插入图片描述

好评点赞哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值