Sublime text3配置LiveReload 实时预览、无需刷新
来源:互联网 发布:vb.net 注释快捷键 编辑:程序博客网 时间:2024/06/01 11:24
Tip :
LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。
LiveReload插件下载
Sublime端
Tip :
LiveReload是很棒的插件,可以在浏览器中实时预览,但是在Sublime text3里,从Package Control中安装的LiveReload是无法使用的,但是可以选择手动安装解决。
Github上的LiveReload for Sublime text3的地址: LiveReload ,两种方式安装:
方法一:
选择DownloadZip,将解压的文件夹放在Packages文件夹(Preference>Browse Packags)重启ST3
方法二:
直接clone到Packages文件夹。
//适用于Linux OSX //Windows可以通过Git操作//进入Packages目录下rm -rf LiveReload git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload
浏览器端
我用的是chrom,在应用商店可以直接找到LiveReload,安装。
安装之后会出现这个图标。
配置
方法一:
Preference>Package Settings>LiveReload>Settings User
{ "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ]}
方法二:
1. ctrl+shift+p2. LiveReload: Enable/disable plugins3. Enable - SimpleReload
实时预览
把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就代表可以实时预览了。ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!
参考:
http://chedanji.com/sublime-text3-livereload/
http://stackoverflow.com/questions/25886011/how-do-i-install-livereload-sublime-text-3 0 0
- Sublime text3配置LiveReload 实时预览、无需刷新
- Sublime text3 配置 LiveReload
- Sublime text3 配置 LiveReload
- Sublime-text3 配置markdown编辑器 支持Evernote 保存以及实时预览
- Linux Sublime Text3 使用LiveReload插件
- Firefox 与 sublime text 3 通过LiveReload插件实现前端代码实时预览
- sublime text 3 + LiveReload插件实现前端代码实时预览(同时支持Chrome和Firefox)
- Sublime Text3 无法使用LiveReload插件的解决方法
- Sublime Text3 无法使用LiveReload插件的解决方法
- sublime text3使用LiveReload插件热更新页面 搭配sublimeServer
- sublime text3 浏览器预览设置
- Sublime Text 3 、WebStorm配置实时刷新
- Sublime Text3下两款Markdown插件 支持实时预览与代码高亮
- Sublime LiveReload
- sublime text 3 + chrome 配置liveReload
- sublime text 3 + chrome 配置liveReload
- sublime text3 配置
- sublime text3 配置
- 随记
- MySQL 之 Left out join
- Android View总结
- Root Pane Container(二)
- mysql设置联合主键的意义
- Sublime text3配置LiveReload 实时预览、无需刷新
- yum install gtk2-devel.x86_64
- Root Pane Container(三)
- 第十七周--课程设计
- 查找算法
- 一个view设置多个Tag
- Web_PHP_ThinkPHP_CURD方法盘点:where方法;
- MikroTik RouterOS 建置 PPTP VPN Server
- Android实际分辨率(android:anyDensity="false"的情况下的获取方法)