如何在Sublime Text 3上安装LiveReload？

Question

我正在使用Sublime Text 3并希望使用LiveReload。我已经在Chrome浏览器中安装了插件，Node.js也已经安装。

对于Sublime Text 3实时重载，必须安装此插件： https://github.com/dz0ny/LiveReload-sublimetext2

如何在Windows 7上安装它？它只提到了Linux和OSX用户。

- QJan84

---

我不知道它们是否是相同的版本（GitHub 版本可能更加更新），但 LiveReload 插件可以通过 SublimeText 包管理器获得。即 (工具 -> 命令面板)，然后打开 Package Control: Install Package，选择 LiveReload 安装即可。 - DaV

是的，但不幸的是只适用于Sublime Text 2. :-( 因此，有一个新版本。但我不知道如何安装它。 - QJan84

链接指向 Sublime Text 插件 LiveReload 的页面已经失效，该插件的仓库已不存在。请相应地编辑您的帖子。 - jdhao

Answer 1

我使用的平台是Linux Mint 17+。
我要感谢http://anthozano.fr/livereload-pour-sublime-text-3/。在该网站上找到了运行sublime text 3实时重新加载(live reload)的方法。不过，该网站是用法语编写的（我相信-Google翻译说），所以我认为我可以在这里写出步骤。

首先从这里http://www.sublimetext.com/3安装sublime text 3 或者按照你自己喜欢的方式进行安装（我用了Linux mint包管理器）。

第二步，从这里https://packagecontrol.io/installation#st3安装Package Control（网站中已经清楚地给出了说明，所以我不再解释）。

第三步，打开Package Control（快捷键：Ctrl+Shift+P）并搜索Package Control: Add Repository。

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

再次打开Package Control并搜索Package Control: Install Package，然后在接下来的窗口中搜索LiveReload 。

将LiveReload Package Setting配置在 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/并选中“允许访问文件网址”。

以下是Safari for Mac OSX的快照：

享受在Sublime Text 3中使用Live Reload。

感谢Anthony Lozanohttp://anthozano.fr/livereload-pour-sublime-text-3/。

- Roshan Poudyal

---

嘿@roshanPoudyal，这个工作正常。谢谢 :-) - vlad

@vlad，很高兴能帮助你。 - Roshan Poudyal

谢谢！在我的MBP OSX 10.11上有效。 - Gaurav Gandhi

您需要从Chrome扩展程序页面中允许对文件URL的访问。 - Alexander

在我的系统上，似乎不需要Chrome插件。我可以在没有插件的情况下使用livereload。 - jdhao

第一次工作正常，但是在关闭浏览器和Sublime Text后再试，就无法工作了。 - Ashfaque Rifaye

Answer 2

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

1. 打开Sublime Text 3。
2. 使用CtrlShiftP打开命令面板。
3. 输入pci以呼出Package Control: Install Package，然后按Enter。
4. 输入livereload，确保选择所需的包。如果没有，请使用箭头键。按Enter。
5. 阅读文档，然后添加适当的JavaScript到您的文档中，或者下载浏览器插件（看起来您已经做过了，那很好）。
6. 开始开发。

- MattDMo

---

软件包名称实际上是LiveReload-sublime text3。可能需要编辑您的帖子。 - jdhao

Answer 3

建议使用Browser Sync代替实时重新加载，两者都能实现同样的功能，但Browser Sync更好用，而且不需要烦人的浏览器插件。

https://www.youtube.com/watch?v=Rv5f_v5gqw4

- marblewraith

Answer 4

LiveReload Sublime text3：

https://github.com/Grafikart/ST3-LiveReload

但是使用方法似乎已经改变了： 通过命令面板（Ctrl+Shift+P）启用所需的插件，将livereload.js添加到您的html文档中。

- Allen

Answer 5

很久以前的事了。现在，最新版本的sublime text 3 LiveReload插件可以在此处找到：这里。

我在尝试为markdown文件设置实时预览时遇到了这个问题（我还没有测试其他文件类型）。我认为您可能会感兴趣。

• 首先，需要安装sublimetext-markdown-preview。请按照浏览器预览的说明进行操作。

  使用 cmd+shift+P 然后 Markdown Preview 显示如下命令（提示您选择您喜欢的解析器）：

  • Markdown Preview: 预览浏览器

• 使用package control安装LiveReload。

  使用Package Control:

  运行 “Package Control: Install Package” 命令, 找到并安装 LiveReload 插件。 重新启动ST编辑器（如果需要）

• 编辑LiveReload插件用户设置下的Preferences->Package Settings->LiveReload->Setting - User，添加以下内容：

  { "enabled_plugins": [ "SimpleReloadPlugin" ] }

现在，您可以在编辑markdown文件时使用livereload。

如何找到确切的插件名称

Github代码库没有明确指出如何在用户设置中设置插件，它只是给出了一份支持的插件列表，而没有给出它们的实际名称。在检查包（见下图）后，我找到了这些插件的确切名称：

1. CompassPlugin
2. LESSPlugin
3. CoffeescriptPlugin
4. SimpleReloadPlugin
5. SimpleReloadPluginDelay

- jdhao