Sublime text3 配置 LiveReload

来源:互联网 发布:淘宝水兵舞春秋装 编辑:程序博客网 时间:2024/05/23 12:55

cover-imageSublime 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"    ]}
0 0
原创粉丝点击