如何在 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

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

1. 打开 Sublime Text 3。
2. 使用 CtrlShiftP 打开命令面板。
3. 输入 pci 以调出<b>P</b>ackage <b>C</b>ontrol: <b>I</b>nstall Package。点击 Enter。
4. 输入 livereload 并确保选择了所需的包。如果没有，请使用箭头键。点击 Enter。
5. 阅读documentation 并将适当的 JavaScript 添加到您的文档中，或下载浏览器插件（您似乎已经这样做了，对您有好处）。
6. 去开发吧。

Answer 2

我建议使用浏览器同步而不是实时重新加载，这样做只会更好，而且不需要烦人的浏览器插件。

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

Answer 3

LiveReload Sublime text3： https://github.com/Grafikart/ST3-LiveReload

但用法似乎发生了变化： 通过命令面板启用所需的插件 (Ctrl+Shift+P) 将 livereload.js 添加到您的 html 文档中。

Answer 4

我使用的平台：Linux Mint 17+
我要感谢http://anthozano.fr/livereload-pour-sublime-text-3/。我能够按照网站上的说明在 sublime text 3 上运行实时重新加载。但是，该网站是用法语编写的（我相信-谷歌翻译说），所以我想我可以在这里写下这些步骤。

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

其次，从这里https://packagecontrol.io/installation#st3安装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: Install Package，然后在即将出现的窗口中搜索LiveReload。

在Preferences > Package Settings > LiveReload > Setting - Default 配置 LiveReload 包设置并粘贴：

{ “启用插件”：[ "SimpleReloadPlugin", “简单刷新” ] }

现在为您的浏览器安装 LiveReload 插件，如下所示：
Firefox：http://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi
Chrome：@ 987654325@
Safari : http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

安装完毕后别忘了在浏览器中启用 LiveReload 插件，这样你就可以立即看到浏览器中反映的代码更改。

注意：Chrome 用户，如需 LiveReload 支持file:// 页面，请转到chrome://extensions/，并勾选Allow access to file URLs。

从 Mac OSX 的 Safari 拍摄的快照：

享受，使用 Sublime Text 3 实时重新加载。

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

Answer 5

很久过去了。现在，对于 sublime text 3，可以找到最新的 LiveReload 插件here。

我在尝试设置 ma​​rkdown 文件 的实时预览时遇到了这个问题（我还没有测试过其他文件类型）。我想你可能会感兴趣。

• 首先，您需要安装sublimetext-markdown-preview。按照how to preview in brower 上的说明进行操作。

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

  • Markdown 预览：在浏览器中预览

• 使用包控制安装LiveReload。

  使用包控制：

  运行“Package Control: Install Package”命令，找到并安装LiveReload >plugin。 重启 ST 编辑器（如果需要）

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

  { “启用插件”：[ “简单重载插件” ] }

现在您可以在编辑降价文件时使用 livereload。

如何找到确切的插件名称

github 存储库不清楚如何在用户设置中设置插件，它 just give a list of supported plugins 没有提供其实际名称。检查包后（见下图），我找到了这些插件的确切名称：

1. 指南针插件
2. LESSP插件
3. Coffeescript插件
4. SimpleReloadPlugin
5. SimpleReloadPluginDelay