Sie haben Jahre damit verbracht, Atom zu konfigurieren. Hunderte Zeilen in config.cson, Dutzende Plugins, benutzerdefinierte Tastenkombinationen. Der Editor wurde zu einer Verlängerung Ihrer Hände. Und dann kündigte GitHub an: Ab dem 15. Dezember 2022 ist Atom offiziell eingestellt, Repositories archiviert, Entwicklung gestoppt.

Die Lösung erwies sich als einfach und komplex zugleich. Einfach, weil der Nachfolger auf der Hand liegt: Visual Studio Code, der kostenlose Open-Source-Editor von Microsoft, hat sich bereits als Industriestandard etabliert. Komplex, weil die Migration bedeutet, Ihre vertraute Arbeitsumgebung von Grund auf neu aufzubauen. Aber jede Funktion, die Sie an Atom geschätzt haben, ist entweder bereits in VS Code integriert oder lässt sich mit einem Klick installieren.

In diesem Beitrag geht es um die direkte Übertragung von drei konkreten Szenarien von Atom zu VS Code: Code-Formatierung, schnelle Projektsuche und die Arbeit mit einem entfernten Server per FTP. Mit konkreten Erweiterungsnamen, Tastenkombinationen und Konfigurationen.

💡 Kurzüberblick:

• Installieren Sie VS Code, fügen Sie die Erweiterungen Prettier (Formatierung) und SFTP (Synchronisation mit dem Server) hinzu
• Merken Sie sich drei Tastenkombinationen: Ctrl+Shift+F für die Dateisuche, Ctrl+P für die Schnellnavigation, Ctrl+Shift+P für die Befehlspalette
• Konfigurieren Sie sftp.json einmalig, aktivieren Sie uploadOnSave, und der Editor übernimmt bei jedem Speichern automatisch die Synchronisation
• Meistern Sie Ctrl+P @ für die Symbolnavigation und Ctrl+P : zum Springen zu Zeilennummern, zwei Funktionen ohne Entsprechung in Atom

Code-Formatierung, automatische Verschönerung ohne Plugins

In Atom übernahm das Paket atom-beautify die Formatierung von HTML, CSS und JS. Sie öffneten die Befehlspalette (Ctrl+Shift+P), tippten „Install packages", suchten nach atom-beautify und klickten auf „Install". Dann gewöhnten Sie sich an die Tastenkombination Ctrl+Alt+B, um die Formatierung auszuführen.

VS Code geht weiter. Die grundlegende Formatierung ist direkt im Kern integriert: Shift+Alt+F unter Windows oder Shift+Option+F auf dem Mac. Keine Plugins, keine Konfiguration. Für die professionelle Arbeit hat sich die Community jedoch längst auf ein Werkzeug geeinigt, Prettier. Es ist ein meinungsstarker Formatierer: Er legt die Zeilenbreite fest, setzt Semikolons, bricht lange Attribute um. Keine Stil-Debatten im Team, Prettier erledigt das einfach alles.

Die Installation dauert eine Minute. Öffnen Sie die Erweiterungen (Ctrl+Shift+X), geben Sie Prettier - Code formatter ein (Autor esbenp.prettier-vscode), klicken Sie auf Installieren. Damit Prettier bei jedem Speichern ausgelöst wird, gehen Sie in die Einstellungen (Ctrl+,), aktivieren Sie „Format on Save" oder fügen Sie Folgendes in settings.json ein:

1
{
2
  "editor.formatOnSave": true,
3
  "editor.defaultFormatter": "esbenp.prettier-vscode"
4
}

Ab diesem Zeitpunkt formatiert jedes Speichern (Ctrl+S) die Datei automatisch. Das gleiche Gefühl wie bei atom-beautify, nur schneller und ohne zusätzlichen Paketmanager.

Schnellsuche und Projektnavigation

In Atom nutzten Sie Ctrl+Shift+F, um Dateien im Projektordner zu durchsuchen. Die Mechanik war einfach: Projekt als Verzeichnis öffnen, Tastenkombination drücken, Zeichenkette eingeben und Treffer über alle Dateien hinweg auf einen Blick sehen.

VS Code implementiert die Suche exakt gleich, Ctrl+Shift+F. Eine Such-Seitenleiste öffnet sich mit einem Eingabefeld. Geben Sie eine Zeichenkette ein, und der Editor zeigt alle Vorkommen gruppiert nach Dateien an. Sie können auf jeden Treffer klicken und direkt zu dieser Zeile springen. Alles wie in Atom, nur dass die Suche um eine Größenordnung schneller arbeitet, die in Rust geschriebene ripgrep-Engine durchsucht den Dateibaum selbst in großen Monorepos sofort.

Der Hauptvorteil von VS Code ist jedoch Ctrl+P (Quick Open). Das ist nicht nur schnelles Umschalten zwischen Dateien: Geben Sie einen Teil eines Dateinamens ohne den exakten Pfad ein, und der Editor findet sie sofort. Sie tippten ftpconf, und sftp.json steht bereits in der ersten Zeile. Fügten Sie @ nach dem Namen hinzu, klappt eine Liste der Symbole (Funktionen, Klassen, Variablen) innerhalb der Datei auf. Fügten Sie : hinzu, springen Sie zur Zeilennummer. Drei Tastenanschläge ohne Verzögerungen durch Slow Keys: Ctrl+P, ein paar Buchstaben, Enter.

Und noch etwas: Ctrl+Shift+P, die Befehlspalette. Genau wie in Atom, aber mit intelligenterer unscharfer Befehlssuche. Sie tippten fmt, sehen sowohl „Format Document" als auch alle verwandten Aktionen. Plugins werden automatisch erkannt.

Arbeiten mit entferntem Server: SFTP statt Remote-FTP

In Atom wurde für FTP-Verbindungen das Paket Remote-FTP verwendet. Die Konfiguration befand sich in .ftpconfig und erforderte die manuelle Verwaltung des Parameters keepalive: Einige Plugin-Versionen interpretierten 0 als Deaktivierung von Keepalive, andere als ein Intervall von 10000 ms. ECONNRESET-Probleme waren normal, besonders nach Updates.

In VS Code übernimmt SFTP von Natizyskunk die FTP/SFTP-Funktion, ein aktiv gepflegter Fork des ursprünglichen liximobo/vscode-sftp. Der Arbeitsablauf ist derselbe, jedoch ohne die überkommenen Keepalive-Fehler. Die Konfiguration kommt in .vscode/sftp.json innerhalb des Projektordners. Grundlegende Vorlage:

1
{
2
  "name": "My Server",
3
  "host": "ftp.example.com",
4
  "protocol": "ftp",
5
  "port": 21,
6
  "username": "user",
7
  "password": "password",
8
  "remotePath": "/public_html/project",
9
  "uploadOnSave": true
10
}

Das Feld uploadOnSave: true ist die Magie: Jedes Ctrl+S speichert die Datei gleichzeitig lokal und lädt sie auf den Server hoch. Keine manuelle Synchronisation.

Die Installation erfolgt standardmäßig: Ctrl+Shift+X → Suche nach SFTP (Autor Natizyskunk) → Installieren. Dann Ctrl+Shift+P → SFTP: Config, und der Editor erstellt eine sftp.json-Vorlage im Ordner .vscode. Füllen Sie die Felder Host, Login und Passwort aus, speichern Sie, und Sie sind arbeitsbereit. Der Befehl SFTP: Download Project zieht ein bestehendes Projekt in einem Rutsch vom Server.

Wenn Ihre Atom-.ftpconfig irgendwo in Backups liegt, dauert die Feldübertragung eine Minute: host und port bleiben wie sie sind, user wird zu username, remote wird zu remotePath. Das Passwort in sftp.json ist optional: Geben Sie es nicht an, fragt der Editor bei der ersten Verbindung danach (tatsächlich sicherer so).

Ein direktes Pendant für diejenigen, die SSH gegenüber FTP bevorzugen, ist die Erweiterung Remote, SSH von Microsoft. Sie synchronisiert nicht nur Dateien, sondern öffnet eine gesamte entfernte Maschine als lokalen Ordner. Terminal, Debugging, Suche, alles funktioniert transparent auf dem Server.

⁉️🤔 Häufig gestellte Fragen

Ist es zwingend erforderlich, speziell von Atom auf VS Code zu wechseln?

Nein, die Wahl des Editors ist eine persönliche Angelegenheit. Neben VS Code gibt es Zed (schnell, Rust-basiert, fokussiert auf KI-Assistenten), Sublime Text 4 (minimalistisch, kostenpflichtig) und Pulsar, einen Community-Fork von Atom, der versucht, dessen Entwicklung fortzusetzen. Aber in Bezug auf „Community-Größe + Anzahl der Erweiterungen + Update-Frequenz" ist VS Code im Jahr 2026 konkurrenzlos. Pulsar hat zwar einen Teil der Atom-Community versammelt und unterstützt das alte Paketformat, einschließlich atom-beautify, aber das Entwicklungstempo ist viel langsamer, der Erweiterungskatalog ist begrenzt, und Unternehmensteams steigen nicht darauf um. Wenn Sie Einzelentwickler sind und kategorisch Ihre Gewohnheiten nicht ändern möchten, probieren Sie es aus. Für alles andere gibt es VS Code.

Wie migriere ich Snippets von Atom zu VS Code?

Atom speicherte Benutzer-Snippets in ~/.atom/snippets.cson (CSON-Format, ähnlich wie JSON im CoffeeScript-Stil). VS Code verwendet einfaches JSON in der Datei snippets.code-snippets innerhalb des .vscode-Projektordners oder global über File > Preferences > User Snippets. Das Format unterscheidet sich: prefix-Feld anstelle von prefix in CSON, body mit einem Array von Zeichenketten anstelle von mehrzeiligem Text. Die Migration eines Eintrags dauert 30 Sekunden Kopieren und Einfügen. Für die Massenmigration gibt es Konverter, suchen Sie auf GitHub nach atom-to-vscode-snippets.

Was ist mit Farbthemen?

Alle beliebten Atom-Themen wurden längst auf VS Code portiert. One Dark, Monokai, Dracula, Nord, Gruvbox, geben Sie den Themennamen in der Erweiterungssuche (Ctrl+Shift+X) ein, und es erscheint beim ersten Versuch. Die Syntaxhervorhebung in VS Code funktioniert über TextMate-Grammatiken, dieselben, die Atom verwendete, sodass Farben und Token nahezu pixelgenau übereinstimmen.

Funktioniert Multi-Cursor wie in Atom?

Ja, und mit exakt denselben Tasten: Ctrl+D wählt das nächste Vorkommen des Wortes unter dem Cursor aus, Alt+Click setzt einen beliebigen Bearbeitungspunkt, Ctrl+Shift+L wählt alle Vorkommen auf einmal aus. Atom hat die Multi-Cursor-Bearbeitung erfunden, VS Code hat sie identisch implementiert.

Kann VS Code sehr große Dateien öffnen (Logs, Dumps)?

Atom wurde bei Dateien über 2 MB merklich langsamer, und die 10-MB-Grenze war praktisch unüberwindbar. VS Code meistert dies deutlich besser: Dateien bis 50-100 MB öffnen sich normal (die Syntaxhervorhebung kann sich automatisch deaktivieren, um Speicher zu sparen). Für besonders große Logs (Gigabytes) verwenden Sie die Erweiterung Large File Support oder externe Werkzeuge wie less/grep im Terminal.

Was Sie 2026 installieren sollten: ein konkreter Stack als Ersatz für Atom

Wenn Sie noch mit Atom arbeiten, war der letzte Tag für die Migration gestern. Der Editor erhält keine Sicherheitsupdates mehr, der Paketmanager apm ist deaktiviert, und einige Pakete sind bereits inkompatibel mit der letzten Version (1.63.2 vom November 2022). Bei einem toten Editor zu bleiben, bedeutet, mit einer offenen Tür zu arbeiten.

Konkreter Ersatz-Stack:

• VS Code als Haupteditor, kostenlos, monatliche Updates, über 50.000 Erweiterungen im Marketplace.
• Prettier für die Formatierung von allem: HTML, CSS, JS, Markdown, JSON. Ein Tastendruck beim Speichern.
• SFTP von Natizyskunk zum Hochladen von Dateien auf das Hosting per FTP/SFTP. Dasselbe .ftpconfig-Muster wie bei Remote-FTP, nur ohne Keepalive-Fehler.
• Remote, SSH, falls das Hosting SSH-Zugang unterstützt: vollwertiges Arbeiten mit Serverdateien ohne manuelle Synchronisation.

Drei Schritte, um jetzt sofort zu beginnen: Laden Sie VS Code von der offiziellen Website herunter, installieren Sie die Erweiterungen Prettier und SFTP, übertragen Sie die Daten von .ftpconfig nach sftp.json. Das dauert eine Stunde und schließt die Editor-Frage für die kommenden Jahre ab. Probieren Sie es aus, denn alles Genannte ist kostenlos.