2012-10-10 56 views
31

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

+0

>>> [请在这里看看我的答案](http://stackoverflow.com/questions/19985105/does-sublime-text-support-live-editing-of-css-sass-files/22754714# 22754714)(仅适用于OSX) –

+0

如果崇高文本具有**无缝集成**实时html和css预览,我就不会开发[LIVEditor](http://liveditor.com)。 –

回答

0

我发现使用活版HTML和CSS使用Sublime的最简单方法是安装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文件。保存在崇高和刷新页面,并有你的变化。

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

+2

感谢您的信息。其实,我的答案是,在完成这个程序后,仍然有“需要”按“Alt + Tab”从文本编辑器切换到浏览器,然后按F5刷新网页。我想知道的是,在编写Html和Css时,Sublime Text 2 Editor是否可以在其相邻窗口中实时预览“it”? – user1528138

+0

然而,我不相信Sublime中有一个浏览器,因为它有尽可能多的软件包,将来可能会有一个或某个时候。我确实找到了关于使用Builds的视频,以便在不同的浏览器中预览您的作品。希望这可以帮助。 http://www.youtube.com/watch?v=u8ufaPD-AnQ – koerbcm

40

有一个这样的包:Browser Refresh Giovanni Collazo。它支持OS X和Windows 7以及所有主流浏览器。
您可以通过包控制(或手动)安装和崇高文本2

,因为我用CodeKit这个功能我没有测试它亲自与super+shift+r触发它,但它似乎流行。


更新:

与Windows XP兼容的软件

Chrome扩展

火狐插件

IE插件


注:浏览器扩展将刷新定期,而不是当你保存文件。

+0

谢谢。但目前,它仅适用于Mac和我在Windows XP上。 – user1528138

+0

你使用什么浏览器? (对于任何未来的读者,插件* * Windows 7兼容) – Sara

+1

我已经用一些与Windows XP兼容的替代方案更新了我的答案,希望其中的一个可以提供帮助。 – Sara