【问题标题】:Does the Sublime Text 2 editor support real time HTML & CSS preview? [closed]Sublime Text 2 编辑器是否支持实时 HTML 和 CSS 预览? [关闭]
【发布时间】:2012-10-01 04:36:00
【问题描述】:

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

【问题讨论】:

标签: html css sublimetext2 sublimetext


【解决方案1】:

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

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


更新:

Windows XP 兼容软件

Chrome 扩展程序

Firefox 插件

IE 插件


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

【讨论】:

  • 谢谢。但目前,它仅适用于 Mac,我在 windows xp 上。
  • 你用的是什么浏览器? (对于任何未来的读者,该插件 Windows 7 兼容)
  • 我已经用一些与 Windows XP 兼容的替代方案更新了我的答案,希望其中之一会有所帮助。
  • 不错的答案和实用。谢谢萨拉+1 ;)
  • 所有 chrome 插件都已过时
【解决方案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 文件,但选择打开方式... 但是,我发现有时如果您有动态内容或链接,它们可能无法正常工作。

【讨论】:

  • 感谢您的信息。实际上,我从您的回答中得到的是,执行此过程后,仍有“需要”按“Alt+Tab”从文本编辑器切换到浏览器并按 F5 刷新网页。我想知道的是,在编写 Html 和 Css 代码时,Sublime Text 2 Editor 是否可以在其相邻窗口中实时预览“它”?
  • 我不相信 Sublime 中有浏览器,但是,有尽可能多的包,将来可能会有一个或某个时候。我确实找到了有关使用 Builds 在不同浏览器中预览您的工作的视频。希望这可以帮助。 youtube.com/watch?v=u8ufaPD-AnQ
猜你喜欢
  • 2013-11-27
  • 2012-07-03
  • 1970-01-01
  • 2013-09-02
  • 2016-01-20
  • 2012-10-29
  • 1970-01-01
  • 2014-04-01
  • 2016-07-29
相关资源
最近更新 更多