最简单的livereload安装配置方法

本文介绍了一种在Ubuntu系统中简化livereload安装配置的方法,旨在提升前端开发效率。通过在Chrome浏览器安装livereload插件并开启允许访问文件地址的设置,然后在命令行使用NPM安装livereload,实现文件修改后浏览器自动刷新的功能。

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

昨天知道了前段开发神器 livereload ,可以在你编辑完文件后再浏览器上自动刷新,简直是方便!但是网上教程稍微有些复杂,跟着折腾也弄好了,不过我还找到一个更加方便的方法!

注:我是在ubuntu系统

原文地址:npm-livereload


首先安装浏览器插件,livereload chrome网上应用商店(推荐使用 chrome 浏览器)



安装之后记得在 chrome 的 扩展程序 里面 勾上 允许访问文件地址

然后打开命令行,使用 NPM 安装 livereload :

$ npm install -g livereload
$ livereload [path]</span>

然后直接使用

$livereload ./  #后面的路径为你想要让你运行服务的目录</span>

运行之后再浏览器中打开你的页面地址,点击livereload的扩展图标,开启就可以了:


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值