如何在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上运行实时重新加载。然而，该网站是用法语写的（我相信 - 谷歌翻译说），所以我想我可以写这里的步骤。

首先从这里http://www.sublimetext.com/3安装sublime text 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。

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

 
       { 
           "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存储库可以命名为＆＃34; LiveReload-sublimetext2＆＃34;，但如果您阅读文档，它也会清楚地提到ST3。自述文件中的Linux和OS X指令用于使用git进行安装。您也可以在Windows上使用git（如果已经安装），但作者显然不想在README中添加明确的指令。相反，首选的安装方法是通过包控制，由{J}用户提供outlined above。如果他的评论消失，请执行以下操作：

1. 打开Sublime Text 3。
2. 使用 Ctrl Shift P 打开命令选项板。
3. 输入 pci 以显示Package Control: Install Package。点击输入。
4. 输入 livereload ，并确保选中所需的包。如果没有，请使用箭头键。点击输入。
5. 阅读documentation，然后在文档中添加相应的JavaScript，或下载浏览器插件（您似乎已经完成了，这对您有好处）。
6. 开发。

Answer 3

而不是实时重新加载，我建议浏览器同步，只做更好的事情而不需要烦人的浏览器插件。

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

Answer 4

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

但用法似乎有所改变： 通过命令调色板启用所需的插件（Ctrl + Shift + P）将livereload.js添加到html文档。

Answer 5

很长一段时间过去了。现在，对于崇高的文本3，可以找到最新的LiveReload插件here。

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

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

    

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

       

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

• 使用包控件安装LiveReload。

    

  使用包裹控制：

       

  运行“Package Control：Install Package”命令，找到并安装LiveReload＆gt;插件。   重启ST编辑器（如果需要）

• 在Preferences->Package Settings->LiveReload->Setting - User下修改LiveReload插件用户设置，添加以下内容：

  {     “enabled_plugins”：[        “SimpleReloadPlugin”     ] }

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

如何找到确切的插件名称

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

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