Does the Sublime Text 2 editor support real time HTML & CSS preview?
卓越的文本2编辑器支持实时HTML和CSS预览吗?
2 个解决方案
#1
41
There's a package for this: Browser Refresh by Giovanni Collazo. It supports OS X and Windows 7, and all major browsers. You can install it via Package Control (or manually) and trigger it with super+shift+r in Sublime Text 2.
这里有一个包:Giovanni Collazo的浏览器刷新。它支持OS X和Windows 7,以及所有主要的浏览器。您可以通过包控制(或手动)安装它,并使用super+shift+r在Sublime Text 2中触发它。
I haven't tested it personally since I use CodeKit for this functionality, but it seems popular.
我没有亲自测试过它,因为我使用CodeKit来实现这个功能,但它似乎很受欢迎。
Update:
Windows XP-compatible software
Windows xp软件
LiveReload (Windows version is pre-alpha) - there is also a supporting Sublime Text 2 package
LiveReload (Windows版是pre-alpha版)——还有一个支持崇高的文本2包
XRefresh - deprecated version of LiveReload (worth mentioning for stable XP compatibility)
XRefresh -弃用的LiveReload版本(对于稳定的XP兼容性值得一提)
AutoHotKey - example
AutoHotKey——示例
VBS script - triggered by a keyboard shortcut
由键盘快捷键触发的VBS脚本。
Chrome extensions
Chrome扩展
Refresh Monkey
刷新的猴子
Easy Auto Refresh
简单的自动刷新
ChromeReload
ChromeReload
Auto-Reload
自动重载
Auto Refresh Plus
自动刷新+
Firefox addons
火狐浏览器插件
Tab Auto Reload
标签自动重新加载
ReloadEvery
ReloadEvery
IE addons
IE插件
AutoRefresher
AutoRefresher
Note: Browser extensions will refresh at regular intervals, not when you save a file.
注意:浏览器扩展将定期刷新,而不是在保存文件时刷新。
#2
0
I have found the easiest way to use Sublime with live HTML and CSS is to install WAMP(www.wampserver.com/en/) or XAMPP(www.apachefriends.org/en/xampp.html) which installs an Apache web server, PHP and Mysql server on your computer. Then you can edit your files in Sublime, and so long as they are located within the Apache web root folder (i believe its wamp/htdocs or xampp/htdocs) then you can go to localhost//filename.html and there is your html files. Save in Sublime and refresh the page and there are your changes.
You can also just open up the html file in Chrome or Firefox but selecting Open With... however, i have found that sometimes if you have dynamic content or links, they might not work correctly.