[[Vorlage(Archiviert, "Linux-Versionen werden nicht mehr gepflegt")]] ##[[Vorlage(Getestet, focal)]] {{{#!vorlage Wissen [:Paketinstallation_DEB: Ein einzelnes Paket installieren] [:Programme_starten:] }}} [[Inhaltsverzeichnis(1)]] [[Bild(./brackets_logo.png, 48, align=left)]] [http://brackets.io/ Brackets] {de} ist ein Editor zur Entwicklung von Webanwendungen. Das von der Fa. Adobe initiierte und betreute Programm steht unter der [wikipedia:MIT-Lizenz:] und ist vollständig auf Deutsch lokalisiert. Programmiert wurde es in HTML, CSS und JavaScript. Funktionen: * Live-Vorschau (browserabhängig) * Integriertes Bearbeiten von CSS und JavaScript * Syntax-Hervorhebung für ca. 30 Programmiersprachen * Visuelle Anzeige von Farbcodes (welcher Farbe entspricht `#0083e8`?) * Einfache Projektverwaltung (nicht für gehobene Ansprüche) * Designs, um das Aussehen an das diverser anderer Entwicklungsumgebungen anzupassen Über diese Kernfunktionen hinausgehende Fähigkeiten lassen sich mit Hilfe von Erweiterungen (Extensions) realisieren. Nach mehreren Jahren Entwicklungszeit wurde Ende November 2014 die Version 1.0 veröffentlicht. Version 1.14.1-17752 vom 28. Nov. 2019 ist bis dato die letzte Linux-Version, Adobe stellt zum 01.09.2021 [https://github.com/adobe/brackets den Support ein]. Ein 2-er-Zweig wird derzeit quelloffen auf [https://github.com/brackets-cont/brackets/releases github] geführt, offiziell bisher jedoch nur für Windows und Mac. = Voraussetzungen = Die Live-Vorschaufunktion im Browser benötigt [:Chromium:] oder Google Chrome. Ansonsten wird der jeweilige Standardbrowser genutzt, in dem die Vorschau manuell aktualisiert werden muss. = Installation = [[Bild(Wiki/Icons/synaptic.png, 48, align=right)]] Das Programm ist nicht in den offiziellen Paketquellen enthalten, kann aber als snap installiert werden. {{{#!vorlage Befehl snap install brackets --classic }}} Die Installation über das Snap-Paket ('cprov-brackets', Version 1.11) führt zwar zu einem grundsätzlich funktionalen Editor, allerdings werden im Extensions-Manager keine Erweiterungen aus dem Repository gelistet. == Fremdpaket == Über [github:adobe/brackets/releases:GitHub] {en} {dl} werden DEB-Pakete für 32-/64-bit-Systeme angeboten (ca. 60 MiB), die heruntergeladen und manuell installiert [1] werden müssen. Die ebenfalls angebotene Variante '''+Extract bundle''' ist nur dann relevant, wenn CSS-Informationen aus einer [wikipedia:Adobe_Photoshop:Photoshop]-Datei ('''.psd''') extrahiert werden sollen. Das Installationsverzeichnis ist vorgegeben: '''/opt/brackets/'''. [[Vorlage(Fremd, Paket, "")]] Eine Aktualisierung muss bei dieser Installationsvariante ebenfalls manuell erfolgen: nach Deinstallation der bisherigen Version lädt man ein neues DEB-Paket herunter und und wiederholt die Installation. Persönliche Einstellungen bleiben erhalten. == Angepasste Installation == Ab Ubuntu 18.04 lassen sich die erwähnten Debian-Pakete aufgrund unerfüllter Paket-Abhängigkeiten nicht mehr direkt installieren. Ausserdem funktioniert auch hier die Erweiterungs-Verwaltung nicht mehr. Abhilfe schafft folgendes Vorgehen: {{{#!vorlage Befehl wget https://raw.githubusercontent.com/andihafner/adobe-brackets-legacy4linux/main/install-brackets-1.14.1-ext-fix.sh source ./install-brackets-1.14.1-ext-fix.sh }}} Die (englischen) Fragen des Skripts können alle mit Ja (bzw. "y") beantwortet werden. Danach ist Brackets installiert und lässt sich normal über das Anwendungsmenü starten. Dennoch sollte man sich bewusst sein, dass es sich hier, wie in der Einleitung erwähnt, um eine veraltete Version handelt, welche nicht mehr gepflegt wird. == Deinstallation == Hat man die Snap-Version installiert, lässt sich diese mittels {{{#!vorlage Befehl snap remove brackets }}} Deinstallieren, Debian-Pakete (auch deren angepasste Variante) wird man mittels {{{#!vorlage Befehl sudo apt-get purge brackets }}} wieder los. == Einordnung und Ausblick == Der 1-er-Zweig von Brackets ist inzwischen arg veraltet und erfährt somit auch keine Sicherheitsaktualisierungen mehr. Da Brackets auch intern auf Webtechnologien aufsetzt, ist zu erwarten, dass mittefristig der 2-er-Zweig auch für Linux zur Verfügung stehen wird. Unter [:Webeditoren:] werden ausserdem Alternativen gelistet, empfehlenswert ist überdies [https://code.visualstudio.com/ visual studio code], welcher inzwischen gar [https://vscode.dev/ im Browser] läuft. = Verwendung = Bei Ubuntu-Varianten mit einem Anwendungsmenü findet man einen Programmstarter [4] unter ''"Software-Entwicklung -> Brackets"''. Ein integrierter Webserver kümmert sich bei HTML-Seiten um die Darstellung im Browser. Brackets ist ein nützliches Programm für fortgeschrittene Webentwickler und (JavaScript)-Programmierer, das eine vollständige Entwicklungsumgebung (IDE) zwar nicht ersetzen, aber zumindest in Teilbereichen gut ergänzen kann. Einsteiger sind in der Regel mit einfacheren [:Editoren:] besser bedient. Allerdings hat die Sofortanzeige vom HTML-Seiten im Browser auch in diesem Bereich durchaus ihre Reize. {{{#!vorlage Tabelle <:>[[Bild(./brackets_editor.png, x200)]] <:>[[Bild(./brackets_splitview.png, x200)]] +++ <:>Editor-Fenster <:>Geteilte Ansicht (vertikal) }}} Eine Einführung in das Arbeiten mit und die speziellen Funktionen von Brackets ist online zu finden: [github:adobe/brackets/wiki/How-to-Use-Brackets:How to Use Brackets] {en} = Einstellungen = [[Bild(./brackets_extensions_manager.png, 48, align=right)]] Derzeit bestehen die Einstellungen aus drei Unterpunkten, die über ''"Datei -> Erweiterungs-Verwaltung"'' oder das nebenstehende Symbol zu erreichen sind: * Erweiterungen installieren * Designs installieren * Übersicht der installierten Erweiterungen und Designs * Übersicht der Vorinstallierten Erweiterungen und Designs {{{#!vorlage Tabelle <:>[[Bild(./brackets_extensions.png, x200)]] <:>[[Bild(./brackets_themes.png, x200)]] +++ <:>Erweiterungen installieren <:>Designs installieren }}} Programmeinstellungen werden in der Datei '''~/.config/Brackets/brackets.json''' im [:Homeverzeichnis:] gespeichert, wobei '''defaultPreferences.json''' im selben Ordner eine Übersicht enthält, welche Einstellungen möglich sind. Beide Dateien können auch über den Menüpunkt ''"Debug -> Einstellungsdatei öffnen"'' (ab Version 1.4) direkt geöffnet werden. == Erweiterungen == Da Brackets mehr oder weniger nur die grundlegenden Funktionen eines Editors abdeckt, existieren Erweiterungen, um bei Bedarf bestimmte Funktionen nachzurüsten. Ein paar Beispiele: * [github:drewhamlett/brackets-beautify:Beauty] {en} - HTML, CSS und JavaScript automatisch formatieren * [github:emmetio/brackets-emmet:Emmet] {en} - HTML- und CSS-Workflow * [github:zaggino/brackets-git:Brackets Git] {en} - [:Git:]-Integration Mehr Informationen und eine ausführliche Übersicht vorhandener Erweiterungen bieten die folgenden Seiten: * [github:adobe/brackets/wiki/Brackets-Extensions:Brackets Extensions] {en} - Installation, Deinstallation usw. * [https://registry.brackets.io/ Brackets Extensions Registry] {en} - Übersicht * [http://ingorichter.github.io/BracketsExtensionTweetBot/ Brackets Extensions Weekly] {en} - Neuheiten und Updates, TOP 11, etc. == Designs == Die Bezeichnung "Designs" ist etwas hochtrabend. In erster Linie geht es um die Anpassung des Code-Highlighting und der vom Programm verwendeten Farben, um diese an die eigenen Vorlieben oder die vorhandenen Gegebenheiten anzupassen. Sehr unpraktisch ist, dass Vorschaubilder fehlen. Für weitere Informationen wird auf die Github-Seite des jeweiligen Entwicklers verwiesen, die inzwischen meist ein oder mehrere Vorschaubilder bietet. == Automatische Update-Benachrichtigung == [[Bild(./brackets_updates.png, 48, align=right)]] Brackets enthält eine integrierte automatische Benachrichtigungsfunktion, wenn eine neue Programmversion verfügbar ist. Zusätzlich kann man die Update-Prüfung manuell über den Menüpunkt ''"Hilfe -> Nach Updates suchen"'' anstoßen. Auch für Erweiterungen gibt es eine Benachrichtigung, wenn – beispielsweise nach einer Aktualisierung von Brackets – ein Update vorliegt. = Tastenkürzel = Eine Liste der Tastenkürzel ist ebenfalls online verfügbar: * [github:adobe/brackets/wiki/Brackets-Shortcuts:Brackets Shortcuts] {en} = Problembehebung = == Telemetrie abschalten == Brackets übermittelt in der Voreinstellung ungefragt und hinter dem Rücken des Anwenders Informationen über die Nutzung des Programms. Als Argument für dieses Verhalten wird angeführt, nur auf diesem Weg könne das Programm noch besser an die Wünsche der Anwender angepasst werden (siehe auch [https://blog.brackets.io/introducing-brackets-health-report/ Introducing Brackets Health Report] {en}). Die zu übermittelnden Daten dieser mit Version 1.3 eingeführten Funktion können über den Menüpunkt ''"Hilfe -> Statusbericht"'' eingesehen werden. An gleicher Stelle kann die Übermittlung bei Bedarf deaktiviert werden. = Links = * [http://brackets.io/ Projektseite] {en} * [github:adobe/brackets/wiki:Wiki] {en} - Dokumentation * [http://blog.brackets.io/ Blog der Entwickler] {en} * [github:adobe/brackets:Quellcode] {en} * [http://helpx.adobe.com/creative-cloud/help/extract-for-brackets.html Work with Extract for Brackets] {en} * [wikipedia:Adobe_Brackets:Adobe Brackets] - Wikipedia * [heise:-2850799:Markieren und wegklappen: Code-Editor Brackets 1.5 verfügbar] {de} - heise OpenSource, 10/2015 * [heise:-2627950:Brackets 1.3 legt mehr Wert auf Privatsphäre] {de} - heise Developer, 04/2015 * [:Webentwicklung:] {Übersicht} Übersicht #tag: Editor, Programmierung, Internet