13 beste Atom-Pakete für Webentwickler

Veröffentlicht: 2020-02-16

Der Atom-Code-Editor ist eine der beliebtesten Optionen für Softwareentwickler. Atom ist eine Open-Source-Plattform, die von Github selbst verwaltet wird. Ein großer Teil davon ist die Erweiterbarkeit innerhalb von Atom und die Anzahl erstaunlicher Add-On-Pakete, die Benutzer in ihre IDE integrieren können. Wir möchten einige der besten Atom-Pakete hervorheben, damit Sie Ihre Atom-Installation von gut zu großartig machen können.

1. Linter

Linter für Atom

Welche IDE oder welcher Code-Editor wäre ohne die Installation eines fantastischen Linters vollständig? Linter ist ein Basispaket, mit dem Sie zusätzliche Pakete organisieren können. Sie besuchen dann atomlinter.github.io, um den spezifischen Linter für die Sprachen zu finden, in denen Sie entwickeln. Obwohl es eine Reihe von sprachspezifischen Linters gibt, die nicht auf dieser Basis basieren, denken wir, dass es einen soliden Basis-Linter gibt Ihr Editor wird Polyglotte helfen, effizient zu bleiben und mit weniger Problemen Schritt zu halten.

Mehr Informationen

2. Pigmente

Pigmente

Pigments ist ein einfaches Paket, mit dem Sie die RGB- und Hex-Farben im Editor sehen können. Sie müssen keine zusätzlichen Paletten mehr im Hintergrund oder andere Werkzeuge hochhalten. Welche Farbkombination Sie auch immer eingeben, wird als Highlight für den Code selbst angezeigt. Einfach, leicht und nützlich in einem.

Mehr Informationen

3. Farbauswahl

Farbwähler

Direkt neben Pigment ist Farbwähler. Als Gefährte ist es nicht zu schlagen, und für sich allein ... nun, es ist immer noch nicht zu schlagen. Sie können auf einen RGB-Code klicken und einen Farbwähler verwenden, anstatt die Codes manuell kennen zu müssen. Perfekt für jede Designarbeit, die Sie in Atom erledigen.

Mehr Informationen

4. Dateisymbole

Dateisymbole Atompaket

Eines der widerwärtigsten Dinge bei den meisten Code-Editoren ist das Fehlen von Standarddateisymbolen. Viele (einschließlich Atom) haben keine visuelle Möglichkeit, zwischen Dateitypen auf einen Blick zu unterscheiden. Geben Sie Dateisymbole ein. Wenn dieses Paket installiert ist, können Sie auf einen Blick visuell erkennen, wo Sie in Ihrer Dateistruktur navigiert haben und wohin Sie gehen müssen. Es ist kein großes Feature, aber es ist eine Verbesserung der Lebensqualität, dass sich das Arbeiten ohne es anfühlt, als würde man nachts eine Sonnenbrille tragen.

Mehr Informationen

5. Emmet

Emmet Atompaket

Emmet ist ein sehr beliebtes Tool für Entwickler in fast jedem Editor, und dies ist das offizielle Paket für Atom. Im Wesentlichen ist Emmet eine Reihe von Abkürzungen und Abkürzungen, die das Schreiben von Code schneller und effizienter machen. Sie können Tastenanschläge festlegen, und die Syntax ist jedem vertraut, der CSS verwendet, da sie auf diesen Selektoren basiert. Tu dir selbst einen Gefallen und gib Emmet eine Chance als Atom-Paket. Wir glauben nicht, dass Sie enttäuscht sein werden.

Mehr Informationen

6. Git Plus

git plus-Paket

Wo Softwareentwicklung ist, ist Git. Und wo Git ist, ist ein effizientes und einfaches Repo-Management gefragt. Es wird nicht viel einfacher als die Verwendung von Git-Befehlen in Ihrem Code-Editor oder Ihrer IDE. Genau das macht git-plus für Sie. Wenn Sie noch nie ein Paket wie git-plus verwendet haben, empfehlen wir Ihnen, es auszuprobieren. Es mag etwas gewöhnungsbedürftig sein, wenn Sie sich an die Befehlszeile und das Terminal gewöhnt haben, aber wenn Sie sich daran gewöhnt haben, dies von Atom selbst aus zu tun, denken wir, dass Ihnen der Workflow gefallen wird.

Mehr Informationen

7. Atom verschönern

Atom verschönern Zusatzpaket

Niemand mag hässlichen Code. Sie nicht. Ihr Chef nicht. Ihre Teamkollegen nicht. Und sicherlich nicht die Entwickler, die Ihnen bei dem Projekt nachfolgen. Installieren Sie also dieses Atom-Paket und stellen Sie sicher, dass Ihr Code den Standards und Best Practices entspricht. Auf der Entwicklungsseite selbst können Sie „HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL und mehr“ verschönern. Ja bitte.

Mehr Informationen

8. Ausgewählte markieren

Ausgewähltes Paket hervorheben

Betrachten Sie diese als eine Verknüpfung, um alle zu finden und auszuwählen. Doppelklicken Sie auf ein Wort oder eine Auswahl, und Sie erhalten jede Instanz davon in der Datei hervorgehoben. Wir können Ihnen nicht sagen, wie oft sich ein solches Paket für uns bewährt hat. Absolut eines der besten Atom-Pakete auf dem Markt.

Mehr Informationen

9. Minikarte

Minikarte

Minimap war eines der allerersten Pakete, die wir in Atom installiert haben. Sublime Text wird standardmäßig mit einer Dokumentstruktur geliefert, die das Navigieren in großen Dateien exponentiell verbessert. Wir wollten dieselbe Funktionalität in Atom. Die Idee ist einfach. Welcher Abschnitt der Datei auch immer im sichtbaren Bereich des Editors ist, er wird auch in einem Miniatur-Rendering der gesamten Datei hervorgehoben. Mit Minimap können Sie auf einen Blick genau erkennen, wo Sie sich befinden und wo Sie sein müssen.

Mehr Informationen

10. Fernschreiben

Fernschreiben

Wollten Sie schon immer die Zusammenarbeit und Bearbeitung im Stil von Google Docs in Atom? Natürlich hast du. Die projektübergreifende Zusammenarbeit kann je nach Einrichtung Ihres Arbeitsbereichs mühsam sein. Teletype macht es so, dass Sie und andere, die Sie zum Projekt einladen, gleichzeitig in Echtzeit in dasselbe Dokument schreiben können. So beliebt wie Pair Programming in der heutigen Software-Entwicklungsbranche ist und wie komplex viele Projekte sind, ist Teletype definitiv etwas, mit dem Sie experimentieren können, um zu sehen, ob es für Sie funktioniert.

Mehr Informationen

11. Projektmanager

Atom-Add-On-Paket

Nicht Asana für Atom, Project Manager hat immer noch viel zu bieten, da der Wechsel zwischen verschiedenen Projekten in Atom nicht der intuitivste Prozess ist. Jetzt ist es.

Mehr Informationen

12. HTML automatisch schließen

Ein Atom-Paket zum automatischen Schließen von HTML

Wir wissen nicht, wie es Ihnen geht, aber das Schreiben von schließenden Tags ist eine echte Herausforderung. Installieren Sie dieses Atom-Paket, und Sie müssen nie wieder eines eingeben. Immer wenn Sie ein HTML-Tag öffnen, schließt dieses (Sie haben es erraten) es automatisch für Sie. Brillant.

Mehr Informationen

13. Zentabs

Zentabs für den Atom-Editor

Wir alle halten zu viele Registerkarten offen. Ob in unserem Browser oder in unserem Code-Editor. Mit Zentabs können Sie eine maximale Anzahl von Registerkarten festlegen, die geöffnet sein sollen, und wenn Sie diesen Schwellenwert überschreiten, wird Ihre älteste Registerkarte geschlossen. Einfach, leicht und sorgt dafür, dass Ihre Workstation mit der Geschwindigkeit läuft, die Sie benötigen.

Mehr Informationen

Zusammenfassung der besten Atompakete

Atom-Pakete machen den Editor so erstaunlich. Der Community-Support ist nicht von dieser Welt, und außerdem steht Github hinter Atom. Dadurch wissen Sie, dass dieser Editor nirgendwo hinführt, was bedeutet, dass auch beliebte und nützliche Pakete nirgendwo hinführen.

Was sind Ihrer Meinung nach die besten Atom-Pakete? Lass es uns in den Kommentaren wissen!

Beitragsbild des Artikels von SMM-Studio / shutterstock.com