sublime3安装liveload，实现前端自动F5刷新html界面

Posted 2020-08-07 方方和圆圆

　　这两天倒腾编辑器，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/
企业网站：http://www.idrwl.com/
开源博客：http://www.github.com/sqqihao
QQ：287101329
微信：18101055830 

厦门点燃未来网络科技有限公司， 是厦门最好的微信应用， 小程序， 微信网站， 公众号开发公司