Sublime3和Chrome配置自动刷新网页【实测可用】
SublimeText2下的LiveReload在SublimeText3下无法正常使用,本文整理SublimeText3安装LiveReload的方法。win7下实测可用!
安装成功后,就不需要再手动去F5刷新页面了,修改完代码Ctrl+S,浏览器自动刷新,如果是双屏,效率提升还是比较明显的。
工具
- Chrome
- Sublime Text 3
- Git
Chrome安装LiveReload
在Chrome插件中心搜索"reload"并安装,(https://chrome.google.com/webstore/search/reload?hl=zh-CN),
成功后可以看到地址栏右边多了一个LiveReload图标(装google插件,记得翻个墙)
Sublime3 安装LiveReload
Sublime3中,直接PackageControl里下载来的LiveReload没有效果,可以手动从git上下载。
1、打开“Sublime Text 3”点击菜单栏Preferences->Browse Packages...打开插件安装目录;
2、在插件安装目录下右击鼠标选择“Git Bash Here...”,打开git bash;
3、安装LiveReload插件,在命令行下输入
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload
4、使用:Ctrl+Shift+P 打开ControlPackage
5、选LiveReload: Enable/disable plug-ins
6、选Enable - SimpleReload
如果不行,就在sublime text3 配置LiveReload。preferences -> Packge Settings -> LiveReload -> Settings - Default。
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
实时预览
1、在web服务器下编辑index.html文件输入如图内容,在浏览器中输入http://localhost访问文件;
2、然后点击 Chrome浏览器右边的“LiveReload”图标中间小圆点由虚变实,表示启动插件;
3、修改index.html文件内容按 ctr+s 保存,即可在chrome里面看到实时更新。
其他
如果之后打开sublime出现错误提示框,请看 http://blog.csdn.net/yaerfeng/article/details/9198213
自动刷新网页的其他方法:
webstorm有liveedit插件可以;(IDE)
brackets也有实时刷新功能;(IDE)
引入live.js可以,但是之后要手动去清除;
最新文章
- Oracle安装部署,版本升级,应用补丁快速参考
- springmvc4环境简单搭建和定时任务
- Oracle求部门员工工资占总工资的比率
- POJ 1719 二分图最大匹配(记录路径)
- 简单翻译和补充:1. GNU ARM Eclipse
- easyeclipse for php 如何默认显示行号
- iOS8 【xcode6中添加pch全局引用文件】
- [转载]C宏定义的小结
- Lintcode392 Is Subsequence solution 题解
- ACM——八大输出方式总结
- 【原创】ACR傻瓜式破解IC芯片卡
- Excel表格规范
- 自定义mysql类用于快速执行数据库查询以及将查询结果转为json文件
- 迭代器 生成器 yield
- HTML 第十三章总结
- Js_图片轮换
- Prim算法和Kruskal算法
- 纯代码实现WordPress上传图片自动重命名的方法
- idea appliction context not configured for this file
- 如何下载HLS视频到本地(m3u8)