如何在Sublime Text 3上安装LiveReload？

Question

我正在使用Sublime Text 3并想使用LiveReload.我已安装Chrome浏览器插件.Node.js也已安装.

对于Sublime Text 3 Live Reload,必须安装此插件:https: //github.com/dz0ny/LiveReload-sublimetext2

如何在Windows 7上安装它？它只是说了一些关于Linux和OSX用户的内容.

Answer 1

我使用的平台:Linux Mint 17+
我要感谢http://anthozano.fr/livereload-pour-sublime-text-3/.我能够使用网站上的说明在sublime text 3上运行实时重新加载.然而,该网站是用法语写的(我相信 - 谷歌翻译说),所以我想我可以写这里的步骤.

首先从这里安装sublime text 3 http://www.sublimetext.com/3或按照自己喜欢的方式安装(我使用Linux mint Package Manager).

其次,从这里安装包控件https://packagecontrol.io/installation#st3(在网站上明确给出了说明,所以我没有解释太多).

三,打开包控制(快捷方式:) Ctrl+Shift+P并搜索Package Control: Add Repository

现在有一个区域在sublime text 3窗口的底部输入URL.输入https://raw.github.com/Grafikart/ST3-LiveReload/master/package.json.

再次,打开包控制并搜索Package Control: Install Package,然后LiveReload在即将到来的窗口中搜索.

配置LiveReload包设置Preferences > Package Settings > LiveReload > Setting - Default并粘贴此:

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

现在为您的浏览器安装LiveReload插件,如下所示:
Firefox:http ://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi
Chrome:https ://chrome.google.com/webstore/detail / livereload/jnihajbhpnppcggbcgedagnkighmdlei
Safari:http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

不要忘记在安装后在浏览器中启用LiveReload插件,这样您就可以立即看到浏览器中反映的代码更改.

注意: Chrome用户,LiveReload支持file://页面,转到chrome://extensions/和检查Allow access to file URLs.

从Safari for Mac OSX拍摄的快照:

享受,使用Sublime Text 3进行实时重新加载.

感谢Anthony Lozano的http://anthozano.fr/livereload-pour-sublime-text-3/.

Answer 2

评论中提到的插件适用LiveReload于 ST2 和 ST3 ，如我刚刚提供的 Package Control 链接上的图形所示。它在 Windows 上也运行得很好，因为它的大多数用户都在该平台上。Github 存储库可能被命名为“ ”，但如果您阅读文档，它也清楚地提到了 ST3。自述文件中的 Linux 和 OS X 说明适用于使用. 您还可以在 Windows 上使用 git（如果已安装），但作者显然不想在 README 中添加明确的说明。相反，首选的安装方法是通过 Package Control，如上面由善良用户 DaV 所概述的那样。如果他的评论消失，请执行以下操作：LiveReload-sublimetext2git

1. 打开 Sublime Text 3。
2. 使用 打开命令面板CtrlShiftP。
3. 键入pci以调出. 打。Package Control: Install PackageEnter
4. 输入livereload并确保选择所需的包。如果没有，请使用箭头键。打Enter。
5. 阅读文档，然后将适当的 JavaScript 添加到您的文档中，或者下载浏览器插件（您似乎已经完成了，这对您很有好处）。
6. 去开发吧