是否有Vim的实时html预览插件/脚本？

Question

我喜欢使用vim，但我想知道是否可以在键入时预览html或网页？或任何其他类似的脚本，帮助使用vim进行网页设计。

到目前为止，我听说过Zen coding。

Answer 1

Zen Coding非常强大，但它与实时预览无关。

您无法进行实时预览，因为当您明确询问:w或类似命令时，Vim仅在光盘上写入。无论你在两个“写入”之间做什么都发生在内存中（因此“缓冲区”）所以，你可以在你的浏览器中重新加载文件多次，你没有真正的实时预览：文件仍然是相同的。 / p>

您有两种可能：“保存时重新加载”和“每x秒重新加载”。

1. 我不知道可靠/简单/跨平台/跨浏览器的方式来实现“重新加载保存”。 LiveReload对我不起作用，其妹妹LR2仅限Mac。如果你愿意，试试吧。我想我已经看过一个vim插件，它曾经做过那次，但我找不到链接ATM。也许可以使用Firefox的API。

2. “每x秒重新加载”可以通过浏览器扩展程序轻松实现，例如我已经使用了一段时间（它似乎不再存在...）或任何Firefox或Opera或Safari的几十种替代品。

Answer 2

很久以前，我的atari有这个东西（使用OLGA），允许一个程序告诉另一个程序刷新它的输入文件。

我认为迫使浏览器监视这样的磁盘文件并不存在太多任何东西，它只适合静态的磁盘上的HTML / CSS工作，这些日子并不多。

也就是说，使用chrome，您可以使用ChromeReload为您刷新浏览器，而无需使用javascript或meta标记。您可以让Firefox使用 ReloadEvery 执行相同操作。

Answer 3

上周六我在巴黎的dotjs会议上听说过tincr。这是Chrome扩展程序，可让您：

• 在Vim或其他任何地方编辑您的文档，并在每个:w
上查看“实时”更改
• 在Chrome的开发工具中使用css规则和内容，并将更改传播到本地文件中

这很酷但我无法进行版本控制。

另外，既然这是一个常见问题的答案，我也会在其他地方逐字发布。我希望它不被视为广告：我与此扩展背后的人没有任何关系。

Answer 4

您可以测试我刚刚为此目的制作的插件（和浏览器）：http://www.vim.org/scripts/script.php?script_id=4908 和浏览器（需要从源代码编译）：https://gitorious.org/clcbrowser/clcbrowser （我很快就会做一个Windows安装程序）

两者的结合使您可以在键入时预览php（和其他与html相关的），html和css。一个选项允许您禁用＆＃34; live＆＃34;模式仅在保存缓冲区时刷新页面。它也处理本地服务器文件。因此，编辑/ srv / http / **中的文件（默认路径是我的，但可自定义）将在http://localhost/**启动浏览器（也可自定义）。

对于css，它会启动.css.preview中列出的所有文件，或者如果没有预览文件，则会在同一路径中找到所有索引。{php，html，htm}。