利用livereload实现浏览器自动刷新

我们前端开发一直都关心用户体验,现在利用livereload也提升一下我们的体验

1.浏览器端安装

首先打开谷歌浏览的商店,(打不开自行百度)。搜索livereload

image.png

安装完成会出现一个小图标


image.png

现在是空心的,因为你还没有安装客户端插件

2.安装客户端插件

$ sudo npm install -g livereload

3.启动

首先找到并进入需要监听的文件夹

$ sudo livereload

然后点击

image.png

你会发现他变成了实心。
现在你可以开心的去编辑器撸代码了。保存会自动帮你刷新。

支持 html css javascript less sass img

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 发现麦子学院的课程还是感觉很好的。以后就按这个写文集了。希望能坚持下去。 HTML+CSS基础入门 1.课程介绍 ...
    biggerworld阅读 1,161评论 0 1
  • 今天做一个活动页面,普通的切图再添加点js效果之类的页面。来来回回地切窗口,然后将编辑器与浏览器,左一半,右一半放...
    绰号陆拾柒阅读 2,293评论 0 1
  • ‌ 人生一世,就好比是一次乘车旅行,要经历无数次上车、下车;时常有故事发生,有时是意外惊喜,有时却是铭记于心的悲伤...
    千与姑娘阅读 369评论 0 0
  • 邓平1阅读 186评论 0 0