关于sublimetext3：如何在Sublime Text 3上安装LiveReload？


How do I install LiveReload on Sublime Text 3?

我正在使用Sublime Text 3，并且想使用LiveReload。我已经安装了适用于Chrome的浏览器插件。 Node.js也已安装。

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

如何在Windows 7上安装它？它只是说了一些有关Linux和OSX用户的信息。

相关讨论

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

首先从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软件包设置，并粘贴以下内容：

1
2
3
4
5
6
       {
          "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。

从Mac OSX的Safari拍摄的快照：
enter

相关讨论

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

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

注释LiveReload中提到的插件可用于ST2和ST3，如我刚刚提供的Package Control链接上的图形所示。它的大多数用户都在该平台上，因此在Windows上也可以正常工作。 Github存储库可能被命名为" LiveReload-sublimetext2"，但是如果您阅读文档，它也清楚地提到了ST3。自述文件中的Linux和OS X指令适用于使用git进行安装。您也可以在Windows上使用git(如果已安装)，但是作者显然不想在README中放入明确的说明。相反，首选的安装方法是通过软件包控制，如上文亲爱的用户DaV所述。如果他的评论消失了，请执行以下操作：

  • 打开Sublime Text 3。
  • 使用CtrlShiftP打开命令面板。
  • 键入pci调出Package Control: Install Package。点击Enter。
  • 键入LiveReload并确保已选择所需的程序包。如果不是，请使用箭头键。点击Enter。
  • 阅读文档，然后将适当的JavaScript添加到您的文档中，或者下载一个浏览器插件(您似乎已经做过，对您很有用)。
  • 去发展吧。
    • 相关讨论

    已经过去很长时间了。现在，对于崇高的文字3，可以在此处找到最新的LiveReload插件。

    当我尝试设置降价文件的实时预览时遇到了这个问题(我尚未在其他文件类型上进行测试)。我想您可能会感兴趣。

    • 首先，您需要安装sublimetext-markdown-preview。请遵循其中的说明，了解如何在浏览器中进行预览。

      use cmd+shift+P then Markdown Preview to show the follow commands (you will be prompted to select which parser you prefer):

      • Markdown Preview: Preview in Browser

    • 使用程序包控件安装LiveReload。

      With Package Control:

      Run a€?Package Control: Install Packagea€? command, find and install LiveReload >plugin.
      Restart ST editor (if required)

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

      {
      " enabled_plugins"：[
      " SimpleReloadPlugin"
      ]
      }

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

    如何找到确切的插件名称

    github存储库尚不清楚如何在用户设置中设置插件，它只是给出了受支持插件的列表，而没有给出其实际名称。在检查了软件包(参见下图)之后，我找到了这些插件的确切名称：

  • 指南针插件
  • LESSPlugin
  • Coffeescript插件
  • SimpleReloadPlugin
  • SimpleReloadPluginDelay

    • enter