Anzeige
Anzeige
Ratgeber

Code-Editoren im Vergleich: Atom vs. Visual Studio Code

Wer auf der Suche nach Code-Editoren ist, stößt früher oder später auf Visual Studio Code von Microsoft oder Atom von Github. Wir haben uns beide angeschaut und die wichtigsten Unterschiede herausgearbeitet.

Von Andreas Domin
4 Min.
Artikel merken
Anzeige
Anzeige

Code-Editoren im Vergleich: Atom versus Visual Studio Code. (Grafik: Shutterstock/0beron)

Auch wenn Microsoft kürzlich Github übernommen hat, so schrieb der künftige CEO von Github Nat Friedman, sollen Atom und VS Code weiterhin unabhängig voneinander entwickelte Code-Editoren bleiben. Also stellt sich die Frage, worin sich beide unterscheiden. Als Einstieg werfen wir einen kurzen Blick auf die wichtigsten Features beider Code-Editoren.

Kurz und knapp: Das verspricht Atom

Anzeige
Anzeige

Auf der Atom-Website werden einige Features angepriesen. Hier die wichtigsten Eckdaten:

  • Verfügbar auf: Windows 7+, MacOS 10.9+, Linux
  • „Smarte“ und „flexible“ Autovervollständigung
  • Dateibrowser: Soll das Öffnen von Dateien und Projekten ermöglichen
  • Package-Manager: Soll dich Erweiterungen installieren oder für Atom selbst welche schreiben lassen
  • Finden und ersetzen, auch über mehrere Projekte hinweg
  • Mehrere Fenster: Soll das Vergleichen von Code in verschiedenen Dateien vereinfachen
  • Themes: Du sollst Atom mit fremden, vorgefertigten oder selbstgeschriebenen Themes individualisieren können
  • Git-Integration
  • Echtzeit-Kollaboration soll das Zusammenarbeiten mit mehreren Entwicklern ermöglichen
  • Open Source: Atom ist ein Open-Source-Projekt, das mit Electron in HTML, CSS und Javascript geschrieben wurde

Das verspricht Microsoft mit Visual Studio Code

Bevor wir uns Atom näher anschauen und mit Visual Studio Code vergleichen, gibt es natürlich auch die Eckdaten von Microsofts Code-Editor.

Anzeige
Anzeige

Auch wenn Microsoft die Features ihres Code-Editors anders bewirbt, unterstützt VS Code prinzipiell die gleichen Funktionen wie Atom: Läuft auf Windows, Mac und Linux, ist Open Source und kann auch fast alles andere. Der Unterschied liegt im Detail. Die Frage ist also, wie die angepriesenen Features letztlich umgesetzt wurden.

Anzeige
Anzeige

Unterstützte Sprachen und Formate

Bei der Menge der unterstützten Sprachen ist bei beiden Editoren kein Unterschied festzustellen. Durch die Möglichkeit, Erweiterungen aus der Community zu installieren, gibt es nahezu keine Einschränkungen und die Auswahl an Sprachen ist gewaltig. So können beide Editoren beispielsweise sogar für Java verwendet werden. Die entsprechende Erweiterung für VS Code kommt dabei selbst mit Maven- und Gradle-Support daher.

Benutzeroberfläche

Der erste Eindruck der Editoren ist natürlich zum Großteil von der Benutzeroberfläche abhängig. Die kann durch entsprechende Erweiterungen bei beiden zwar angepasst werden, hier jedoch ein erster Blick auf die vorkonfigurierte Version.

Anzeige
Anzeige
Beide Code-Editoren in einem hellen Design. Links Atom, rechts VS-Code. (Screenshot: t3n.de)

Beide Code-Editoren in einem hellen Design. Links Atom, rechts VS Code. (Screenshot: t3n.de)

Als erstes fällt auf, dass beide einen sehr ähnlichen Ansatz beim User-Interface verfolgen. Nicht nur bei Dateien, sondern auch bei den Einstellungen und anderen Menüpunkten arbeiten beide Editoren mit Tabs in einer oberen Leiste. Die Oberfläche von Atom wirkt dabei auf den ersten Blick aufgeräumter: Links findet sich der Dateibrowser, der aber auch mit einem Button einfach ausgeblendet werden kann. Das UI legt dabei den Fokus auf das Essenzielle: den Code.

Visual Studio Code hingegen kommt am Anfang direkt mit mehreren Seitenleisten daher: Links der Dateibrowser, weiter links eine dunkle Leiste mit weiteren Menüpunkten. Außerdem lässt sich neben dem normalen Scrollbalken am rechten Rand eine Minikarte finden, die einen Überblick über die gesamte Datei gibt. Die genannten Bereiche lassen sich zwar alle einzeln aus- oder einblenden, verbergen sich aber zum Teil hinter obskuren Menüpunkten wie Statusleiste oder Aktivitätsleiste ein- und ausblenden, Randleiste oder „Bereich“ umschalten. Manche Menüpunkte haben beim Ausführen erstmal keinen direkt sichtbaren Effekt. Das verstärkt das Problem, vorerst über die Funktion einiger Menüpunkte im Dunkeln zu bleiben.

Das Menü „Anzeigen“ ist unaufgeräumt und bringt teils obskure Menüpunkte zum Vorschein. (Screenshot: t3n.de)

Der Reiter „Anzeigen“ ist unaufgeräumt und bringt teils obskure Menüpunkte zum Vorschein. (Screenshot: t3n.de)

Hier kann Atom gegenüber VS Code punkten. Es wird eine aufgeräumte und übersichtliche Oberfläche ausgeliefert, auf der man sich direkt zurechtfindet. Das zieht sich auch durch die Menüführung, Einstellungen und alle anderen Bereiche. Die Menüführung ist klar strukturiert und der gewünschte Punkt lässt sich meistens schnell erreichen.

Anzeige
Anzeige

Bei VS Code wirkt alles ein bisschen überladen und den gewünschten Menüpunkt findet man häufig nur über die Suche. Weitere Vergleiche der Oberfläche findest du in der folgenden Galerie.

 

Auch VS Code kann aufgeräumt sein: hier mit ausgeblendeten Seitenleisten. (Screenshot: t3n.de)

1 von 10

Individualisierung beider Code-Editoren

Beide Editoren kommen mit einer riesigen Palette an herunterladbaren Erweiterungen daher: Themes und Programmiersprachen sind nur einige davon. Auch funktionserweiternde Pakete lassen sich in den Package-Managern finden. Die bei VS Code integrierte Minikarte beispielsweise kann bei Atom mithilfe der Installation eines Plugins nachgerüstet werden.

Anzeige
Anzeige

Durch die riesige Auswahl an Erweiterungen lässt sich insgesamt kein grundlegender Funktionsunterschied zwischen beiden Editoren feststellen. Sobald der jeweilige Code-Editor an die eigenen Bedürfnisse angepasst ist, Einstellungen vorgenommen und die nötigen Plugins installiert wurden, ist man mit Atom sowie auch mit VS Code gleichermaßen gut beraten. Die direkten Einstellungsmöglichkeiten sind bei Visual Studio Code jedoch deutlich größer als bei Atom.

Performance

Ein Github-Nutzer veröffentlichte vor einiger Zeit einen Vergleich der Performance aller gängigen Code-Editoren. Auffällig: Atom schneidet dort nicht gut ab. Der Editor ist bei einigen Testfällen deutlich schlechter als der von Microsoft. Auch wenn der Test von 2016 ist und deswegen mit einer älteren Atom-Version durchgeführt wurde, konnte Github die Performance-Probleme noch nicht gänzlich beseitigen.

Zusammenfassung der wesentlichen Unterschiede

AtomVisual Studio Code
+ Riesige Auswahl an Erweiterungen+ Ebenfalls riesige Auswahl an Erweiterungen
+ Von Beginn an eine aufgeräumte Benutzeroberfläche mit klar strukturierter Menüführung- Zu Beginn unübersichtlich mit zu vielen Menüleisten. Teilweise unklare Menüführung und merkwürdig benannten Menüpunkten
+ Gut strukturierte Einstellungen- Ändern von Einstellungen ein bisschen umständlich
- Dafür fehlt die ein oder andere Einstellungsmöglichkeit+ Mit über 500 Einstellungsmöglichkeiten kann vieles bereits ohne installierte Plugins realisiert werden
- Im Vergleich zu anderen Editoren hat Atom eine schlechte Performance, die sich vor allem bei größeren Dateien und Projekten bemerkbar macht+ Die Performance ist im Vergleich zu Atom noch deutlich besser
+ Nahezu jede Programmiersprache wird unterstützt+ Auch hier kaum ein Unterschied in der Auswahl. Die Qualität kann sich in einzelnen Plugins im Vergleich zu Atom aber deutlich unterscheiden (positiv wie auch negativ)

Insgesamt lassen sich nur wenige Unterschiede feststellen. Beide Code-Editoren machen im Kurztest eine gute Figur. Die größten Unterschiede tun sich bei der Benutzeroberfläche und der Performance auf. Vor allem die Benutzeroberfläche ist zum größten Teil aber auch abhängig vom persönlichen Geschmack. Bei der Autovervollständigung wiederum funktioniert der eine Editor mal besser, mal schlechter, abhängig von der Programmiersprache. Am besten probierst du beide Editoren mit der gewünschten Sprache aus und passt ihn an deine Bedürfnisse an. Häufig können es Kleinigkeiten sein, die bei einem Code-Editor stören und die der andere besser löst.

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
Kommentare (8)

Community-Richtlinien

Werner Laude

Das nervige an Visual (auf dem Mac) ist, das es – typisch für M$ Produkte, sofort und ungefragt die Kontrolle über einige Dateitypen als zugewiesener Editor übernimmt, und sich mit entsprechenden Icons im Finder bemerkbar macht. Ein solches Verhalten wird mit sofortiger Deinstallation ‚bestraft‘.

Benjamin Wagener

Da GitHub ja nun an Microsoft geht, ist es da nicht wahrscheinlich, dass einer der Editoren (wohl eher Atom) auf kurz oder lang die offizielle Entwicklungsunterstützung verliert und man sich nur noch auf einen von beiden konzentriert?

Andreas Domin

Hallo Benjamin,

der Gedanke kam mir ebenfalls. Deswegen habe ich am Anfang eine Aussage von Nat Friedman verlinkt. Beide Editoren sollen wohl unabhängig voneinander weiterentwickelt werden:
https://www.reddit.com/r/AMA/comments/8pc8mf/im_nat_friedman_future_ceo_of_github_ama/e0a2b2e/

Werner Laude

schaun mer mal.. In einem Jahr ist davon erfahrungsgemäß nichts mehr zu hören.

Benjamin Wagener

Ich bin da bei Werner Laude. Da verbessert man halt die Menüführung bei VSCode ein bisschen, übernimmt die Module wo die Sprachunterstützung besser ist und schon ist Atom schlicht überflüssig. Und dann fragt sich halt inwiefern da die Entwicklungsressourcen für den zusätzlichen Editor gerechtfertigt sind. Das muss nicht dazu führen, dass Atom komplett eingestellt wird, aber dass es zumindest allein der Community überlassen wird da für eine Weiterentwicklung zu sorgen und wenn da nichts kommt, dass man das Projekt dann einschlafen lässt. Würde ich jedenfalls so machen.

mantik

Obwohl ich Anti-Microsoft bin, muss ich zugeben, dass ich vor kurzem auf den Visual Studio Code umgestiegen bin.

Genau wegen der Performance. bei Atom geht es ewigs bis das Ding auch leer startet und es ist einfach nicht so smooth beim arbeiten.

Der Grund warum ich aber solang bei Atom geblieben bin, war das VSC noch keine gute FTP-Erweiterung hatte um Dateien direkt zu bearbeiten (ohne Download). Hab vor kurzem nen neuen Test gemacht und das geht nun mit simple-Ftp.

Zeit für mich zu wechseln.

Nun gibt es schon 2 Sachen die ich von MS mag: Typescript und VSC :D
Als nächstes test ich mal Azure :P

Vielleicht werden wir nochmal Freunde.

JMichael

Atom war lange für die JS und HTML-Entwicklung „alternativlos“. Aber VS Code kam mit brachialer Gewalt und mit jedem Update und mit jeder Erweiterung schmolz der Abstand, die klar bessere Performance hat mich Anfang des Jahres dann wechseln lassen. Inzwischen bin ich mit dem Editor so gut verraut, dass ich die Menüs gar nicht mehr öffne und alles über Tastatur-Shortcuts oder Quickbefehle erreiche.

sneak

vscode und atom feiern beide Spionage a la Windows10 und senden viele Telemetrie-Daten über das Nutzerverhalten, atom sogar bevor man den opt-Out-Button drücken kann. VSCode hat massig PlugIns die ganz allein bereits Telemetrie machen, egal was man in den Einstellungen von VSCode anklickt um das zu verhindern.
Der Versuch, dieses Verhalten via einem simplen Feature Request (Online-Telemtrie wird Opt-In) zu verändern wurde von beiden Entwicklungsteams nach der MS-Übernahme abgelehnt.
Links und Quellen finden sich massig, sucht einfach mal nach XXX is spying on its users im Netz
Fazit:
Beide Editoren sind nichts für Datenschutz-bewusste Entwickler.

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.

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

Kommentar abgeben

Melde dich an, um Kommentare schreiben und mit anderen Leser:innen und unseren Autor:innen diskutieren zu können.

Anmelden und kommentieren

Du hast noch keinen t3n-Account? Hier registrieren

Anzeige
Anzeige