What is the best text editor for HTML/CSS that has live preview?
I use Sublime Text 3, but v3 has no live preview plug-in yet.
-
1Actually, it does have an extension that provides live reload– TomDec 25 '15 at 13:40
Add a comment
|
Brackets is a free, open source editor based on web technologies with a primary focus on web development. It is cross-platform and is backed by Adobe.
Using Live Preview, Brackets pushes code edits instantly to the browser to present an updated page without having to reload. However, Live Preview currently works only on Google Chrome (not even Chromium!). You cannot open Developer tools while using Live Preview.
It can push changes to CSS and HTML on typing, but Javascript changes are pushed on save. It also highlights the element selected by the cursor.
How to start Live Preview:
-
2Might want to add some more details to your answer. At least explain how the live preview works, some of its limitations, as well as exactly what Brackets is. Do see What is expected of an answer on this site.– HueyDec 25 '15 at 8:40
I'll recommend Visual Studio Code, it could exists something better than a lightweight code editor from the team that developed the most powerfull and complete IDE environment for programmers (undeniably, unless you have not yet tested. ) ?
Please reffer to the indications in this StackOverflow post to see how to see the preview in the webbrowser:
Just some images of the application:
It looks like the Atom editor has an atom live preview plugin. From the documentation it looks like it does what you want.
Light Table is an editor that evaluates blocks of code in many languages. The docs show how to evaluate Javascript, HTML, and CSS
It looks like it's also possible to connect to a browser