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

http://www.cnblogs.com/coderleon/p/4805658.html提供了非常详细的配置方案。
https://chedanji.com/sublime-text3-livereload/补充了配置过程中的很多细节。

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

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，勾选“允许访问文件网址”