摘要:摘要在写页面的时候大家肯定都干过这种事情先在编辑器里改一个属性,保存再切回浏览器刷新页面看效果。本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。
摘要
在写web页面的时候大家肯定都干过这种事情:先在编辑器里改一个CSS属性,保存再切回浏览器刷新页面看效果。尤其是对于追求像素完美的同学,简直石乐志,大了小了1px都要来回改。
本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。特别是对于屏幕大甚至有双屏三屏四五屏的同学,不要太爽哦!
准备工作这种方法需要使用chrome浏览器,以及两个npm的包。关于npm不再多说,有大把文章教你怎么安装,还有更换成淘宝的镜像使用cnpm加快下载速度。
先用npm安装两个包 npm install -g anywhere livereload
chrome浏览器安装livereload的插件(点我安装)
搞起在终端里进入到项目的文件夹,运行anywhere,一切顺利的话应该自动跑起了一个web server,并且自动在浏览器里打开了index.html。如果默认端口被占用还可以加-p命令运行到指定端口,例如anywhere -p3000
再开一个终端进入到项目的文件夹,运行livereload
在chrome浏览器中激活livereload!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82240.html
摘要:摘要在写页面的时候大家肯定都干过这种事情先在编辑器里改一个属性,保存再切回浏览器刷新页面看效果。本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。 摘要 在写web页面的时候大家肯定都干过这种事情:先在编辑器里改一个CSS属性,保存再切回浏览器刷新页面看效果。尤其是对于追求像素完美的同学,简直石乐志,大了小了1px都要来回改。 本文介绍了一种让检测文件变化让浏览器...
摘要:摘要在写页面的时候大家肯定都干过这种事情先在编辑器里改一个属性,保存再切回浏览器刷新页面看效果。本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。 摘要 在写web页面的时候大家肯定都干过这种事情:先在编辑器里改一个CSS属性,保存再切回浏览器刷新页面看效果。尤其是对于追求像素完美的同学,简直石乐志,大了小了1px都要来回改。 本文介绍了一种让检测文件变化让浏览器...
摘要:如果修改的是里的文件,保存后,服务器将自动重启,浏览器会在服务器重启完毕后自动刷新。从开始首先,已经想到了开发流程中的自动刷新,这就是。 在以前的一篇文章BrowserSync,迅捷从免F5开始中,我介绍了BrowserSync这样一个出色的开发工具。通过BrowserSync我感受到了这样一个理念:如果在一次ctrl + s保存后可以自动刷新,然后立即看到新的页面效果,那会是很棒的开...
阅读 2800·2021-11-22 15:22
阅读 18152·2021-09-22 15:00
阅读 1411·2021-09-07 09:58
阅读 1220·2019-08-30 13:01
阅读 2369·2019-08-29 16:27
阅读 2325·2019-08-26 13:25
阅读 1590·2019-08-26 12:13
阅读 912·2019-08-26 11:53