Sublime text3 配置 LiveReload

cover-image 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"
	]
}