Navigation ein/ausblenden

 Navigation ein/ausblenden

Was kann Brackets

Code schreiben code coloring

Beim schreiben werden Html-Elemente und Klammern automatisch geschlossen. Eine übersichtliche Hilfestellung der Code-Elemente (Intellisence) steht bereit. Farbliche Code-Darstellung (wählbar auch für exotische Dateitypen).

Mehrfach Markieren mehrfach markieren

Mit AltGR+Klick (AltGr+ziehen) kann der Cursor an viele Stellen gleichzeitig gesetzt werden. Dies ist eine schnelle Zugriffsmöglichkeit wenn bspw. Pafadangaben in einer Navigationsliste angepasst werden müssen. Meist beim Programmieren (PHP oder JS) verwendet, kann es auch im HTML hilfreich sein.

Live-Vorschau live vorschau

Mit Live-Vorschau wird der Browser gestartet und mittels Javascript wird bei sinnvoller Anordnung der Fenster eine WYSIWYG-Arbeitsumgebung erzeugt. Änderungen im Code, sind im Browser unmittelbar ersichtlich. (Das eine Bearbeitung im Vorschau-Browser nicht möglich ist, erschte ich eher als Vorteil.)

Dateien und Ordner projekt ordner

Einfach und übersichtlich zeigt sich die Datei-Struktur in der linken Spalte des Editors.
Menuleiste > Ordner öffnen
Der gewünschte "Arbeitsordner" lässt sich direkt im Editor öffnen. Er wird mit allen seinen Unterordnern und Dateien als "Seitenbaum" dargestellt. Hier lassen sich einfach zusätzliche Ordner und Dateien erstellen und direkt bearbeiten.

Interne- oder externe CSS-Stile css intern extern

Interner Code und Inline-Stile werden direkt in die Datei geschrieben. Wird eine externe CSS-Datei verlinkt, wird der CSS-Code direkt in diese externe Datei geschrieben. Sind mehere CSS-Dateien verlinkt, erscheint die Abfrage, in welcher Datei der Code platziert werden soll.

Geteilte Fenster - HTML und CSS fenster geteilt

Das Editorfenster lässt sich teilen, so können zwei Dateien gleichzeitig betrachtet oder bearbeitet werden. Im angebildeten Screenshot wurde die Html-Datei und die verlinkte CSS-Datei angezeigt.

Schneller Zugriff aud den CSS-Code css schnellzugriff

Eine ungewohnte, aber raffinierte Möglichkeit bietet der "Schnellzugriff" CTRL+E. / Befehl+E 
oder Menu > Navigation > Schnell bearbeiten.
Dabei wird innerhalb der HTML-Datei, unter dem gewählten HTML-Element ein CSS-Fenster eingeblendet. Die Übersicht bleibt dabei sehr gut erhalten.

Erweiterungen - EB Erweiterungen eb htmlelemente

Mit den bestehenden Erweiterungen ist Brackets ein riesiger Pool an Möglichkeiten.
Mit den eigenen Erweiterungen ist Brackets ein unerschöpflicher Pool an Möglichkeiten.

EB-HTMLElemente - EB-CSSProperty eb cssproperty