Klammern (Texteditor)

Klammern
Brackets logo
Entwickler (en) Adobe
Erstveröffentlichung 4. November 2014; vor 7 Jahren[1]
Stabile Version
2.0.1[2] Edit this on Wikidata / 1. Dezember 2021
Vorschau -Version
2.0.0-Prerelease[3] Edit this on Wikidata / 13. November 2021
Repository
Geschrieben in JavaScript, Html, CSS
Betriebssystem Mac OS, Fenster und Linux
Größe ~ 75 MB
Verfügbar in 38 Sprachen[4]
Typ Quellcode -Editor
Lizenz MIT
Webseite Klammern.io

Klammern ist ein Quellcode -Editor mit einem primären Fokus auf Web Entwicklung.[5] Erstellt von Adobe Inc., es ist Kostenlose und Open-Source-Software lizenziert unter dem MIT -Lizenzund ist derzeit aufrechterhalten GitHub von Open-Source-Entwicklern. Es ist geschrieben in JavaScript, Html und CSS. Klammern ist plattformübergreifend, verfügbar für Mac OS, Fensterund die meisten Linux -Verteilungen. Der Hauptzweck von Klammern ist sein Leben Html, CSS und JavaScript Bearbeitungsfunktionalität.[6]

Am 4. November 2014 kündigte Adobe die erste (1,0) Veröffentlichung von Klammern an. Das Update führte neue Funktionen wie benutzerdefinierte Abkürzungsschlüsselkombinationen und genauerer JavaScript ein. Brackets konzentriert sich auf die Entwicklung in JavaScript-fähig, CSS und Html. Mit der Veröffentlichung von Version 1.0 kündigte Adobe eine Funktion an, die Designinformationen von a extrahiert PSD -Datei zur Bequemlichkeit der Codierung in CSS.[7] Zum 28. Juni 2016 wird das Feature aufgrund der geringen Verwendung offiziell eingestellt.[8] Extrakt ist jedoch noch über Photoshop und Dreamweaver erhältlich, die beide Teil ihres kostenpflichtigen Service Adobe Creative Cloud sind.[9] Im März 2021 kündigte Adobe an, seine Unterstützung für Klammern am 1. September 2021 zu beenden.

Das Projekt des Brackets wurde anschließend zu einem gemeinschaftsbesitzen und angetriebenen Projekt übertragen. Die neueste Version von Brackets ist 2.0.1.[10]

Geschichte

Adobe Zuerst begann die Entwicklung eines Texteditors für Web Entwicklung an Kantencode, was ab November 2014 eingestellt wurde.[11] Diese Bemühungen wurden später in verwandelt Adobe Klammern. Mit der Veröffentlichung von Klammern 1.0, Adobe kündigte an, dass die Entwicklung einer Open -Source -Anwendung für Web Entwicklung war bereit und war kein experimentelles Projekt mehr. Brackets enthält Beiträge von mehr als 282 Community -Mitwirkenden und verfügt über mehr als 400 Anfragen für Fehlerbehebungen und neue Funktionen. Jede Version von Klammern hatte mehr als 100.000 Downloads, und es war das 16. beliebteste Projekt GitHub Ab dem 16. Januar 2015.[12]

Das Brackets -Repository auf GitHub (Bracket Repository) hat derzeit 152 Geäst, 110 Veröffentlichungen und 17.700 sich verpflichtet Zum 30. August 2018. Der Quellcode ist unter dem frei verfügbar MIT -Lizenz. Ein Entwickler kann Funktionen in Klammern verändern und sie für die eigene Bequemlichkeit personalisieren Abgabering des Softwarecode.[13]

Merkmale

Klammern bietet mehrere Funktionen[14] einschließlich:

Schnelle Bearbeitung

Quick Edit ermöglicht die Inline -Bearbeitung von CSS, Color -Eigenschaften und JavaScript -Elementen für Entwickler. Diese integrierte Funktion kann gleichzeitig auf mehrere Funktionen oder Eigenschaften angewendet werden, und alle Aktualisierungen werden direkt auf die Datei angewendet, die den geänderten Elementen zugeordnet sind.

Html Datei
Schnellbearbeitung auf anwenden auf HTML -Elemente Zeigt alle entsprechend an CSS Eigenschaften in einer Schachtel unter dem ausgewählten Element. Benutzer können wählen, um neue zu erstellen CSS Regeln direkt innerhalb der Editor und bearbeiten a Stichworte CSS Eigenschaften eintreten, ohne den Kontext des Html Datei.
JavaScript Datei
An JavaScript Funktionen, Quick Edit führt dieselbe Prozedur aus wie bei HTML -Elemente, aber es zeigt den Körper der ausgewählten Funktion im Dropdown -Box an. Alle Aktualisierungen der Funktion der Funktion werden direkt innerhalb des entsprechenden JavaScript Datei.
Dateien enthalten verhexen oder RGB Farbeigenschaften
Für Farbeigenschaften wird Quick Edit einen Inline -Farbwähler zur Vorschau und Farbanpassungsfunktionen zurückgeben.

Live Vorschau

Wenn man auf den jeweiligen Code -Snippet in klickt CSS/Html Der Webbrowser zeigt sofort die Ausgabe in Bezug auf diesen Code -Snippet im Webbrowser an. Diese Funktion wird als Live -Vorschau bezeichnet. Diese Funktion überschreitet auch Code -Änderungen sofort in die Browser So präsentieren Sie eine aktualisierte Webseite, wenn die Entwickler den Code ändern. Klammern enthält a Node.js Backend, das vorhersagt, was der Code tut, wenn der Entwickler den Code eingibt.

Live -Vorschau der Codeänderung am Browser

Zwei Szenarien zur Live -Vorschau

Nein Back End Logik
Mit Live -Vorschau startet die Klammern die Auserwählten Html Datei in Google Chrome Durch die Lieferung statischer Inhalte von integrierten Klammern Server. Dieses Verfahren erfordert keine Back End Logik zur Unterstützung der Anzeigeänderungen an der Html Datei.
Back End Logik
Mit der Back -End -Logik werden die Klammern leiten Google Chrome zu einem bereitgestellten Projekt URL Laufen auf einem separaten Server, aber es wird die Unterstützung für die Unterstützung für Html-bezogene Funktionen. Infolgedessen die Browser wird keine aktualisieren können Html, Phpusw. Dateien in Echtzeit und Element Das Hervorheben wird auch für diese Dateien deaktiviert. Bearbeitet und Element, das sich nur um das Ergebnis handelt mit CSS Dateien werden in Echtzeit reflektiert. Alle nichtCSS Dateiaktualisierungen werden stattdessen automatisch geraden. Diese Einschränkungen existieren, da die Bereitstellung von Live -Bearbeitungsfunktionen für Html Dateien müssen injiziert werden Anmerkungen in die Html Code, bevor der Code in die geladen wird Browser. Diese Injektionen werden normalerweise von integrierten Klammern behandelt Server, aber sie sind nicht vorhanden, wenn Projekte separate persönliche Nutzung nutzen Server.

Funktionalität

  1. Html & CSS Echtzeit -Updates (ohne Nachladen)
  2. Element Hervorhebung: Elemente ausgewählt in Html und CSS Dateien werden in der hervorgehoben Browser.

Live -Vorschau -Einschränkungen

  • Derzeit funktioniert nur mit Desktop Google Chrome (Nicht Open-Source Chrom) als Ziel Browser.
  • Eröffnung von Entwicklerwerkzeugen in Google Chrome wird alle Live -Entwicklungsverbindungen schließen.
  • Alle zu sehenen Dateien müssen sich in einem aktuell geöffneten Ordner in Klammern befinden.
  • Einziger HTML -Datei kann nach dem anderen vorschau werden.
  • Echtzeit -Updates werden angehalten, wenn syntaktisch ungültig Html wird angetroffen. Klammern werden wieder aufnehmen, um Änderungen an der Browser wenn der Syntax wird korrigiert.

Geteilte Sicht

Diese Funktion spaltet die Hauptansicht in zwei Teile auf. Benutzer können die Ansicht entweder vertikal oder horizontal entsprechend ihrer eigenen Bequemlichkeit teilen, sodass Benutzer gleichzeitig an zwei Dateien arbeiten können. Ein Entwickler kann gleichzeitig an zwei verschiedenen Dateien von zwei verschiedenen Typen, zwei Dateien desselben Typs oder sogar zwei verschiedenen Teilen derselben Datei gleichzeitig arbeiten. Funktionen wie Live -Vorschau und schnelle Bearbeiten von Arbeiten in beiden Ansichten.

Support für mehrere Dateiformat

Klammern unterstützt Codes von mehreren Dateitypen von C ++, C, Vbscript zu Java, JavaScript, Html, Python, Perl und Rubin. Die vollständige Liste umfasst mehr als 38 Dateitypen. Dies gibt dem Benutzer Flexibilität, um gleichzeitig an verschiedenen Dateien eines Projekts zu arbeiten.

Klammern unterstützt eine Funktion namens "PSD Lens", mit der alle Bilder, Logos und Designstile sanft extrahiert werden können PSD -Datei ohne zu öffnen Photoshop nach ihnen zu überprüfen. Wenn Sie diese Funktion als Vorschau aufrufen Adobe Vermittelt, dass vor dieser Funktion viel Arbeit vorhanden ist. Dieses Merkmal brachte positive Bewertungen von Entwicklern ein, aber in den ersten Phasen der Feature -Version wurden viele Probleme gemeldet. Das Problem wurde später unter Verwendung einer Erweiterung gelöst.

Theseus Integration

Klammern integrieren Theseus, eine Open Source JavaScript Debugger Dadurch können Entwickler Bruchpunkte festlegen, den Code durchsetzen und den Wert von untersuchen Variablen in Echtzeit.[17] Theseus kann verwendet werden debuggen irgendein Verlängerung in Klammern und kann einfach mit dem integrierten Einbau installiert werden Verlängerung Manager. Theseus arbeitet auch in Verbindung mit der Live -Vorschau durch a Proxy Server Dadurch wird jedes Mal, wenn die Funktion aufgerufen wird, eine Funktion und ihre zugehörigen Werte auf.

Erweiterungen

Gebaut mit Html, CSS, und JavaScriptEntwickler können Klammern zusätzliche Funktionen durch Erstellen bieten Erweiterungen.[14][18] Diese Erweiterungen kann mit dem integrierten gefunden und installiert werden Verlängerung Manager. Erweiterungen kann auch online über Klammern gefunden werden Verlängerung Registrierung.

Siehe auch

Verweise

  1. ^ Stewart, Ryan. "Klammern 1.0 und extrahieren Sie für Klammern (Vorschau) jetzt verfügbar". BLACKets Blog. Adobe. Archiviert von das Original am 8. Februar 2015. Abgerufen 15. November 2014.
  2. ^ "Release 2.0.1". 1. Dezember 2021. Abgerufen 1. Dezember 2021.
  3. ^ "Brackets 2.0.0 November Vorveröffentlichung". 13. November 2021.
  4. ^ Github.com/Adobe/Klammern/Klecks/Meister/src/nls/LIESMICH.md
  5. ^ "Adobe Brackets Code Editor". Technowss. Archiviert von das Original Am 2014-12-13. Abgerufen 12. Dezember 2014.
  6. ^ "Ein moderner Open -Source -Code -Editor, der das Webdesign versteht". Klammern. Abgerufen 2021-04-23.
  7. ^ Von Harrison Weber, VentureBeat. “Adobe startet seine Open -Source -Texteditorklammern aus Beta, veröffentlicht CSS Extraction Tool. ““ 4. November 2014. 17. November 2014.
  8. ^ "Update über Extrakt für Klammern (Vorschau)". Archiviert von das Original am 5. Oktober 2016.
  9. ^ "Update über Extrakt für Creative Cloud Assets Online -Service und Klammern".
  10. ^ "Release 2.0.1", Klammern: Ein Open -Source -Code -Editor für das Web, geschrieben in JavaScript, HTML und CSS, Brackets.io Community, 2020-04-06, abgerufen 2020-10-26
  11. ^ Adobe Edge Code CC
  12. ^ Lafontaine, David (2015-01-16). "Adobe taucht seine Zehen in die Open-Source-Software-Gewässer mit Klammern 1.0 ein.". Schichten.
  13. ^ Adobe Brackets - Open Source -Editor für Webdesigner
  14. ^ a b "Wie man Klammern benutzt", Adobe
  15. ^ Texteditor Review - Adobe Brackets, 22. Januar 2014, archiviert von das Original 2015-03-29, abgerufen 2015-03-27
  16. ^ "Klammern: Kostenloser Open -Source -Code -Editor mit HTML/CSS erstellt", Hongkiat
  17. ^ "Theseus JavaScript -Debugger für Chrome und NodeJs", BLACKets Blog, 28. August 2013
  18. ^ "Eine Bewertung des Redakteurs des Brackets", SitePoint, 18. April 2014

Externe Links