sublime3安装liveload,实现前端自动F5刷新html界面
这两天倒腾编辑器,atom实在太大了,还是sublime好用
以前一直用sublime2, 然后更新到sublime3, 然后把一些必要的插件安装了一下:liveload(自动刷新);
package control
首先给sublime添加了一个package control的插件, sublime2和sublime3安装package control 的方式不同, 查看这里;
安装LiveReload
然后通过快捷键(ctrl+shift+p), 会出现下面这个界面:选择package control : install package:
sublime会卡一下:然后又会跳出另外一个输入框,在输入框中输入:liveReload, 然后点击过滤出来的选项, 点击机会安装livereload;
livereload安装完毕以后会跳出一个安装完毕的界面。
enable plugins
接着再选择Preferences->package setting->LiveReload->Plugins->enable/disable plugins ,启动LiveReload, 然后重新启动sublime;
浏览器安装LiveReload插件:
打开google-chrome的应用中心,搜索LiveReload, 并把应用添加到chrome:
允许访问文件网址
安装完毕以后,打开扩展程序中心, 把LiveReload的允许访问文件网址选项加上:
此时sublime和chrome浏览器插件都安装好了。
最后一步, 启用插件
最后一步是通过sulime选择在浏览器中打开html文件, 然后再点击浏览器上的插件按钮 :
此时按钮会变成实心的:
如果查看网页源码,会发现网页源码下被添加了一个script标签:
现在,只要我们修改对应的html文件并ctrl+s保存文件, 对应的浏览器界面会自动刷新;
作者: NONO
出处:http://www.cnblogs.com/diligenceday/
QQ:287101329
微信:18101055830
更多相关文章
- 我使用生成html文件的python制作了一个脚本。如何使用Web爬网程
- 是否可以直接使用jquery和Svg(没有插件)?
- j2ee的web项目,有最终的html代码(即f12看到的最终给用户浏览器展示
- 在新选项卡中打开下载的文件
- UpdateResource(增加、删除或替代某可执行文件中的资源)
- golang写服务端程序,作为文件上传与下载的服务器。配合HTML5以网
- HTML5新特性之文件和二进制数据的…
- 我正在尝试使用带有post方法的AJAX将用户名和密码发送到php文件
- 在Makefile.am中添加make install 的安装文件