Windows HTML/CSS-Editor mit Live-Vorschau?

Brackets ist ein kostenloser Open-Source-Editor, der auf Webtechnologien basiert und sich hauptsächlich auf die Webentwicklung konzentriert. Es ist plattformübergreifend und wird von Adobe unterstützt.

Mithilfe der Live-Vorschau überträgt Brackets Codeänderungen sofort an den Browser, um eine aktualisierte Seite anzuzeigen, ohne neu laden zu müssen. Allerdings funktioniert die Live-Vorschau derzeit nur auf Google Chrome (nicht einmal auf Chromium! ). Sie können die Entwicklertools nicht öffnen, während Sie die Live-Vorschau verwenden.

Es kann Änderungen an CSS und HTML beim Tippen übertragen, aber Javascript-Änderungen werden beim Speichern übertragen. Es hebt auch das mit dem Cursor ausgewählte Element hervor.

So starten Sie die Live-Vorschau:

Ich werde Visual Studio Code empfehlen, es könnte etwas Besseres geben als einen leichten Code-Editor von dem Team, das die leistungsstärkste und vollständigste IDE-Umgebung für Programmierer entwickelt hat (unbestreitbar, es sei denn, Sie haben es noch nicht getestet.) ?

Bitte beachten Sie die Hinweise in diesem StackOverflow-Beitrag, um zu sehen, wie Sie die Vorschau im Webbrowser sehen können:

• Wie kann ich meinen HTML-Code im Browser mit Visual Studio Code anzeigen?

Nur einige Bilder der Anwendung:

Es sieht so aus, als hätte der Atom- Editor ein Atom-Live-Vorschau- Plugin. Aus der Dokumentation sieht es so aus, als würde es das tun, was Sie wollen.

Light Table ist ein Editor, der Codeblöcke in vielen Sprachen auswertet. Die Dokumentation zeigt, wie Sie Javascript, HTML und CSS auswerten

Es sieht so aus, als wäre es auch möglich, eine Verbindung zu einem Browser herzustellen