Anzeige
Anzeige
News

Atom von GitHub: Die populärsten Erweiterungen im Überblick

Der Editor Atom, von Version 1.0 erschienen und es ist Zeit sich die populärsten Packages und Erweiterungen anzuschauen.

Von Jonathan Schneider
3 Min.
Artikel merken
Anzeige
Anzeige

(Grafik: Shutterstock)

Schon nach der Installation von Atom, sind eine Reihe von hilfreichen Packages hinterlegt. Ihr könnt diese über das Menü: Atom > Preferences > Packages aufrufen. Über Install können direkt weitere Packages hinzugefügt werden. Die schon installierten Packages, und Core-Funktionalitäten von Atom, sind umfangreich und es kann theoretisch direkt mit der Erstellung von Code los gehen.

Die populärsten Erweiterungen

1. Minimap

GitHub Atom Package Minimap

Die Minimap an der rechten Seite zeigt den kompletten Quellcode. (Screenshot: Atom.io)

Anzeige
Anzeige

Die Minimap gehört zu den beliebtesten Erweiterungen für den Atom. Liebhaber oder Umsteiger, die von Sublime Text kommen, kennen die nützliche Funktion schon. Die Minimap ist eine transparente Seitenleiste, die sich regular an der rechten Seite einblendet. Hiermit erhält man einen Überblick, über den vollständigen Code der aktuellen Datei. Mit der Minimap kann man schnell zu bestimmten Stellen im Quellcode springen oder bequem scrollen.

2. Linter

GitHub Atom Packages Linter

Der Linter zeigt aktuell einen typischen Fehler an. (Screenshot: Atom.io)

Natürlich darf auch eine Linter nicht fehlen, der den Quellcode auf Fehler überprüft. Der Quellcode wird während der Eingabe dauerhaft gecheckt. Sollte dem Entwickler ein Fehler unterlaufen, wird die Zeile direkt mit einem roten Punkt versehen und man erspart sich langes Debugging. Der Linter unterstützt die verschiedensten Programmiersprachen, die wiederum als Erweiterung installiert werden müssen. Alle unterstützten Sprachen könnt ihr hier nachlesen.

Anzeige
Anzeige

3. Atom Beautify

GitHub Atom Packages Atom Beautify

Ein hübsch formatiertes Objekt. (Screenshot: Atom.io)

Nach hunderten Zeilen Code oder einem Import von älterem Code ist die Wahrscheinlichkeit sehr hoch, dass man diesen aufräumen muss. Es wurde hinein oder heraus kopiert, etwas überschrieben oder gar von einem anderen Entwickler erhalten. Um den Code jetzt auf eine vernünftige Basis zu bringen, gibt es Atom Beautify. Mit dieser Erweiterung können wir verschiedenste Syntaxen mit einem Klick „hübsch“ formatieren. Alle unterstützten Syntaxen könnt ihr direkt auf der Package Seite anschauen.

Anzeige
Anzeige

4. File Icons

GitHub Atom Package File Icons

Beispiel Icons für die Dateien. (Screenshot: Atom.io)

Wer ein Auge für das Visuelle hat und gerne mehr Übersicht in seinem Projekt Tree erhalten möchte, kann sich die Erweiterung File Icons installieren. Jede Datei erhält – anhand ihrer Endung – ein kleines Icon. Mit diesem Icon ist die Zuordnung und Übersichtlichkeit schneller gewährleistet.

5. TODO-show

GitHub Atom Package TODO-show

Übersicht der aktuellen Kommentare in dem Projekt. (Screenshot: Atom.io)

Wer direkt im Quellcode Hinweise auf fehlende Funktionalitäten oder Fehler hinterlegen möchte, ist vielleicht mit der Erweiterung TODO-show gut bedient. Die erstellten Kommentare werden nicht nur hervorgehoben, sondern es kann eine Übersicht erstellt werden – mit allen offenen Punkten die sich in dem kompletten Projekt befinden. So kann kein wichtiger Bugfix mehr durchrutschen.

Anzeige
Anzeige

6. Pigments

GitHub Atom Package Pigments

Aktuell werden die Farbcodes visuell hervorgehoben. (Screenshot: Atom.io)

Die Übersicht über alle verwendeten Farben erhalten wir mit Pigments. Pigements listet alle verwendeten Farben von unserem Projekt. Besonders in Zusammenarbeit mit Less und Konsorten, kann Pigements doppelt initaislierte Farben erkennen und diese zusammenführen. Natürlich kann auch eine Konvertierung zwischen RGB und HEX Farbcodes direkt im Editor erfolgen. Als kleinen Bonus gibt es zusätzlich noch die visuelle Hinterlegung der erstellten Farbe im Quellcode.

7. Script

GitHub Atom Package Script

Nach einer Ausführung des Quellcodes. (Screenshot: Atom.io)

Mit der letzten Erweiterung Script lässt sich Code direkt in Atom ausführen. Diese Funktionalität kennt man schon von JSFiddle oder dem CodeRunner. Alle ausführbaren Programmiersprachen werden direkt auf der Package Seite aufgelistet. Sicherlich eine gute Erweiterung, wenn kurze Code-Zeilen auf ihre Funktionalität geprüft werden müssen.

Die Packages Liste ist umfangreich und umfasst über 2.000+ Erweiterungen. Dabei sollte für jeden etwas dabei sein, auch für spezielle Themen und Projekte gibt es Unterstützung. Somit werden auch Emmet Fans bedient und Twitter Bootstrap oder AngularJS kommen natürlich auch nicht zu kurz!

Anzeige
Anzeige

Habt ihr noch Atom Packages, auf die ihr nicht mehr verzichten wollt?

 

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Ein Kommentar
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Thomas

Optisch sehr ansprechend, mit sehr netten Features.

Ein großes Manko ist, aber das der Editor nicht wirklich stabil läuft auf meinem Windows 8.1 System.

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige