logo标签列表

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

htmlcsssublimetext2sublimetext
33

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

请查看我的答案（仅适用于OSX）：[https://dev59.com/BmIj5IYBdhLWcg3wsnGn#22754714] - Flavien Volken
如果Sublime Text没有一个无缝集成的实时HTML和CSS预览功能，我就不会开发LIVEditor。 - Edwin Yip
2个回答
41

有一个包可以做到这一点：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。 - user1528138
你使用的是哪个浏览器？（对于任何未来的读者，插件确实兼容Windows 7） - Sara
1
我已更新我的答案，加入了一些兼容Windows XP的替代方案，希望其中之一能够有所帮助。 - Sara
很好的答案，实用性强。谢谢Sara +1 ;) - Saeed Neamati
所有Chrome插件都已过时。 - maysi
@Simon，我添加了几个替代方案。 - Sara
0
我发现使用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文件，但选择“打开方式...”，但我发现有时如果您具有动态内容或链接，则可能无法正常工作。
2
感谢提供信息。实际上，从你的回答中我了解到，即使进行了这个过程，仍然需要按下“Alt+Tab”键从文本编辑器切换到浏览器，然后按F5键刷新网页。我想知道的是，在编写HTML和CSS时，Sublime Text 2编辑器是否可以实时预览它在相邻窗口中呢？ - user1528138
我不相信Sublime Text里有一个浏览器，但是，考虑到它拥有如此多的插件，未来或许会有一个浏览器插件。我找到了一个关于使用构建功能在不同浏览器中预览工作的视频。希望对你有所帮助。http://www.youtube.com/watch?v=u8ufaPD-AnQ - koerbcm
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接