Sublime text3配置LiveReload


Tip
LiveReload是很棒的插件,能够在浏览器中实时预览,可是在Sublime text3里,从Package Control中安装的LiveReload是没法使用的,可是能够选择手动安装解决。html


LiveReload插件下载

Sublime端

Github上的LiveReload for Sublime text3的地址:LiveReload,两种方式安装:git

方法一:

选择DownloadZip,将解压的文件夹放在Packages文件夹(Preference>Browse Packags)重启ST3github

从github下载

方法二:

直接clone到Packages文件夹。sublime-text

//适用于Linux  OSX  

//Windows能够经过Git操做

//进入Packages目录下

rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

浏览器端

我用的是chrom,在应用商店能够直接找到LiveReload,安装。
在chrom应用商店下载LiveReload插件浏览器

安装以后会出现这个图标。sublime-text-3

效果

配置

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload

实时预览

把html文件在浏览器中打开,点击一次图标中间的圆环变成原点就表明能够实时预览了。
ST3中的文件保存一次,浏览器就会刷新一次,实时预览,很方便!插件

预览

参考:
http://chedanji.com/sublime-text3-livereload/
http://stackoverflow.com/questions/25886011/how-do-i-install-livereload-sublime-text-3
code

相关文章
相关标签/搜索