【日常】sublime text 3配置chrome插件LiveReload

http://www.cnblogs.com/coderleon/p/4805658.html提供了非常详细的配置方案。

https://chedanji.com/sublime-text3-livereload/补充了配置过程中的很多细节。

此篇记录本人的配置过程。

LiveReload简介

基本步骤
前期准备在chrome扩展程序中添加LiveReload

在sublime text 3中配置LiveReload
步骤一_下载一个LiveReload包

步骤二_打开LiveReload -sublime -settings

步骤三_配置

后期使用在chrome中使用LiveReload

配置过程中遇到的问题
问题1
解决方式

问题2
解决方式

LiveReload简介

用途：实时自动刷新网页。

好处：可以实时保存刷新，不用频繁按F5和切换界面了，避免很多机械动作，无形中节省了很多时间。

基本步骤

（前期准备）在chrome扩展程序中添加LiveReload

在sublime text 3中配置LiveReload

步骤一_下载一个LiveReload包

LiveReload

选择DownloadZip，将解压的文件夹放在Packages文件夹（Preference>Browse Packags）

重启ST3

步骤二_打开LiveReload ->sublime ->settings

在sublime text3 配置LiveReload。

preferences -> Packge Settings -> LiveReload -> Settings - Default。

步骤三_配置

输入以下代码，保存。

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

（后期使用）在chrome中使用LiveReload

打开sublime，点击chrome右上角的

，使之变为

配置过程中遇到的问题

问题1

解决方式

打开LiveReload包所在路径查看，发现原来是包名不匹配。

问题2

没办法变为

解决方式

打开“更多工具->扩展程序”，找到LiveReload，勾选“允许访问文件网址”