如何在 Sublime Text 3 上安装 LiveReload？

Posted 2023-02-22

【中文标题】如何在 Sublime Text 3 上安装 LiveReload？

【英文标题】：How do I install LiveReload on Sublime Text 3?

【发布时间】：2014-11-11 05:17:44

【问题描述】：

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

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

如何在 Windows 7 上安装它？它只是说明了 Linux 和 OSX 用户的一些情况。

【问题讨论】：

我不知道它们是否是相同的版本（github版本可能是最新的），但是LiveReload插件可以使用SublimeText Package Control。即 (Tools -> Command Palette) 然后打开 Package Control: Install Package 然后选择 LiveReload 进行安装。

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

sublime text 插件的链接LiveReload 已损坏，存储库不再存在。请相应地编辑您的帖子。

【参考方案1】：

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

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

【讨论】：

包名其实是LiveReload-sublimetext3。可能需要编辑您的帖子。

【参考方案2】：

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

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

【参考方案3】：

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

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

【参考方案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.xpiChrome：@ 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/。

【讨论】：

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

@vlad ，很乐意提供帮助。

谢谢！在我的 MBP OSX 10.11 上工作

您需要来自 chrome 扩展页面的Allow access to file URLs。

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

【参考方案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 没有提供其实际名称。检查包后（见下图），我找到了这些插件的确切名称：

指南针插件 LESSP插件 Coffeescript插件 SimpleReloadPlugin SimpleReloadPluginDelay