Sublime text3实时预览插件LiveReload

Sublime text3是非常好用的编辑器。配合LiveReload插件可以在浏览器中实时预览。下面分享下LiveReload插件的安装过程。

1、LiveReload Sublime text3 插件地址：ST3-LiveReload。
这个fork修正了原版配置不能保存的bug。不过说明文档里clone地址没有修改，所以不要直接按照说明文档安装。

安装方法如下

Linux

cd ~/.config/sublime-text-3/Packages  
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

OSX

cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/  
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

2、安装浏览器插件browser extensions  。根据自己的浏览器选择对应的extension。对于chrome浏览器用户，需要配置下LiveReload插件：勾选允许访问文件网址。

3、 在sublime text3 配置LiveReload。preferences -> Packge Settings -> LiveReload -> Settings - Default。

{
    "enabled_plugins": [
        "SimpleReloadPlugin",
        "SimpleRefresh"
    ]
}

转载请注明：鸟儿博客 » Sublime text3实时预览插件LiveReload