Sublime text3实时预览插件LiveReload

软件技巧 十五楼的鸟儿 9108浏览 0评论

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插件:勾选允许访问文件网址

Sublime text3实时预览插件LiveReload SublimeText3 软件技巧  第1张

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

Sublime text3实时预览插件LiveReload SublimeText3 软件技巧  第2张

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


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

游客
发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

等待大佬打赏中~