Firefox 与 sublime text 3 通过LiveReload插件实现前端代码实时预览

①安装Firefox的浏览器插件

Firefox的livereload插件

安装完后可以通过   打开菜单——定制——更多工具和功能   中的 Enable LiveReload 添加到菜单栏，说明安装成功。

②sublime text 3 安装LiveReload插件

在已经安装包管理器的情况下，ctrl+shift+p ——搜索栏填入install——搜索LiveReload，找到后安装。

以上的基本条件。

接下来设置一下：

①要实时预览的文件中引入js：

<script type="text/javascript" src="http://127.0.0.1:35729/livereload.js"></script>

②每次重启st3后需要执行一下才会启动livereload:

1. ctrl+shift+p
2. 出现 “LiveReload: Enable/disable plugins”， 按 Enter
3.在下拉列表找到 “Enable - Simple Reload” ， 按 Enter 就OK了

接下来就能实时预览啦~