使用livereload

最近开始学习前端开发,改变HTML5标签,改变CSS样式都要重新打开浏览器或者按下F5查看效果。突然在网上发现了一款名字叫做livereload的软件,可以动态实时刷新浏览器,感觉好神奇。

  1. 安装livereload的服务器端应用。livereload的服务器是使用node.js写的。说句题外话,感觉node现在很神奇,对于程序员来说,已经到了不可不学的程序,我也准备专门写一个专集讲node的学习的。node安装简单,直接去官员下载就行了。接下来安装livereload,直接输入命令:npm install -g livereload,安装完成后,进行项目的目录输入livereload命令,会显示

“Starting LiveReload v0.6.0 for C:\Users\whatc\workspace\HTML5 on port 35729.”

恭喜你,服务器启动成功了。

  1. 安装浏览器插件。网上的各种教程都是使用chrome浏览器的,但是chrome在国内无法访问网上商店,所在我使用Firefox做为主浏览器。这里有一个坑,不要直接使用firefox自带的附加组件功能动搜索livereload,而需要去livereload官员去去找这个插件,不然安装的插件是没有用的,下面是官网地址。

https://addons.mozilla.org/en-US/firefox/addon/livereload/

安装好了 之后,也不会在firefox界面上自动显示这个插件,需要手动将插件的控制按钮放到界面上来。

进入定制页面

选择定制菜单后,进入定制页面,把LR拉到主界面上。

将liverload放到主界面

然后点击这个圆圈按钮,使之中间有一条红线,就表示启动了。

启动livereload

然后打开现在编辑的工程,修改之后保存就马上可以看到结果。

如果有2个屏幕的画,爽歪歪!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容