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

①安装Firefox的浏览器插件

Firefox的livereload插件

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


②sublime text 3 安装LiveReload插件

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


以上的基本条件。

接下来设置一下:

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

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

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


接下来就能实时预览啦~

你可能感兴趣的:(前端工具)