Sublime Text 2 编辑器是否支持实时 HTML 和 CSS 预览？ [关闭]

Question

Sublime Text 2 编辑器是否支持实时 HTML 和 CSS 预览？

Answer 1

为此有一个包：Browser Refresh，作者是 Giovanni Collazo。它支持 OS X 和 Windows 7，以及所有主流浏览器。
您可以通过 Package Control（或手动）安装它，并在 Sublime Text 2 中使用 super+shift+r 触发它。

自从我使用CodeKit 实现此功能后，我没有亲自测试过它，但它似乎很受欢迎。

---

更新：

Windows XP 兼容软件

• LiveReload (Windows 版本是 pre-alpha) - 还有一个支持 Sublime Text 2 package
• XRefresh - LiveReload 的弃用版本（值得一提的是稳定的 XP 兼容性）
• AutoHotKey - example
• VBS script - 由键盘快捷键触发

Chrome 扩展程序

• Refresh Monkey
• Easy Auto Refresh
• ChromeReload
• Auto-Reload
• Auto Refresh Plus

Firefox 插件

• Tab Auto Reload
• ReloadEvery

IE 插件

• AutoRefresher

注意：浏览器扩展会定期刷新，而不是在您保存文件时。

Answer 2

我发现将 Sublime 与实时 HTML 和 CSS 一起使用的最简单方法是安装 WAMP(www.wampserver.com/en/) 或 XAMPP(www.apachefriends.org/en/xampp.html)，它会安装 Apache Web 服务器、PHP 和 Mysql 服务器在您的计算机上。然后您可以在 Sublime 中编辑您的文件，只要它们位于 Apache Web 根文件夹中（我相信它的 wamp/htdocs 或 xampp/htdocs），那么您可以转到 localhost//filename.html 并且有您的 html文件。保存在 Sublime 中并刷新页面，您的更改就会出现。

您也可以只在 Chrome 或 Firefox 中打开 html 文件，但选择打开方式... 但是，我发现有时如果您有动态内容或链接，它们可能无法正常工作。