Beste Code-Editoren 2020: Ihr Leitfaden zu den Top-Optionen

Beste Code-Editoren
Die besten Code-Editoren können Ihre Produktivität erheblich verbessern (Bildnachweis: Arif Riyanto bei Unsplash)
Seite 1 von 3: Die 6 besten Code-Editoren Die besten Code-Editoren: Quick Links

- - 6 besten Code-Editoren
- - Weitere Code-Editoren zum Ausprobieren
- - So wählen Sie einen Code-Editor aus

Die besten Code-Editoren können einen großen Einfluss auf Ihre Produktivität und Ihren Workflow haben. Die meisten von uns bleiben jedoch aus fauler Gewohnheit bei dem, was wir wissen. Wenn Sie stattdessen einkaufen, finden Sie möglicherweise eine schnelle und intuitive Benutzeroberfläche oder Killerfunktionen, mit denen Sie Ihre Arbeit schneller und effizienter erledigen können.

Die besten Code-Editoren bieten eine Reihe von Dingen. Eine schnelle und flexible Oberfläche, mit der Sie Code effizienter schreiben können. Funktionen, mit denen Sie Code auf Fehler untersuchen und feststellen können, wo Änderungen vorgenommen werden müssen. Das Potenzial, einfach angepasst zu werden, sodass Sie die für Sie passende Benutzeroberfläche und Benutzererfahrung erstellen können (Qualität Website-Ersteller kann auch hier helfen).



All das klingt nach einer Menge Fragen, aber überlegen Sie, wie viele Stunden Sie wahrscheinlich Tag für Tag damit verbringen werden, Ihren Code-Editor zu betrachten. In diesem Sinne möchten Sie sicherstellen, dass es so gut wie möglich aussieht und funktioniert (und auch sicherstellen, dass Sie eines davon haben beste Monitore für die Programmierung , auch).

Natürlich codiert jeder auf eine andere Art und Weise, so dass es unmöglich ist, einen bestimmten Code-Editor als den besten insgesamt herauszustellen. Wir können Ihnen jedoch eine Auswahl der besten heute verfügbaren Code-Editoren anbieten, erklären, was die einzelnen Angebote bieten, und Sie können den für Sie am besten geeigneten auswählen. Wenn Sie also weiterlesen, finden Sie möglicherweise ein Tool, das einen großen und positiven Einfluss auf Ihre tägliche Arbeitsweise hat.

Auf dieser ersten Seite werfen wir einen detaillierten Blick auf die sechs besten Code-Editoren für Webentwickler und Designer. Auf Seite 2 Sie finden weitere Optionen zum Ausprobieren Seite 3 Sie finden auch Informationen zu Code-Editoren im Allgemeinen, einschließlich der Auswahl des richtigen. Schauen Sie sich auch unsere Zusammenfassung der besten an, während Sie über Ihr Toolkit nachdenken Webdesign-Tools .

Besorgt über die Fehlerbehebung? Unser Führer zum beste Antivirensoftware wird Ihre wertvolle Programmierung sicher und top halten Webhosting-Service wird Ihnen mehr Unterstützung geben.

6 besten Code-Editoren für Entwickler und Designer

beste Code-Editoren: Sublime Text 3

01. Erhabener Text 3

Der beste Code-Editor aller Zeiten - aber Sie müssen dafür bezahlen

Preis: $ 80 (kostenlose unbestimmte Vorschau) | Plattform: Windows, Mac OS, Linux | Entwickler: Erhabenes Hauptquartier

Besucherseite Leicht und schnell Extrem erweiterbar Nicht kostenlos Nagging Popup

Sublime Text ist der Editor, der die Arbeitsweise der besten Code-Editoren wirklich verändert hat. Es ist leichtgewichtig, offen und bereit, Ihre Datei zu bearbeiten, sobald Sie es geschafft haben, auf die Schaltfläche zu klicken. Diese Reaktionsfähigkeit ist eines der Dinge, die es zum besten Code-Editor seiner Klasse machen. Wenn Sie eine Datei öffnen und schnell bearbeiten möchten, klingt das Warten auf das Laden von einigen Sekunden möglicherweise nicht nach viel, aber die Verzögerung kann langwierig werden.

Ein weiterer großer Vorteil von Sublime Text ist, dass es verrückt erweiterbar ist und eine riesige und ständig wachsende Liste von Plugins enthält, die über den Paketmanager installiert werden können. Zu den Optionen gehören Themen, mit denen Sie das Erscheinungsbild des Editors anpassen können, Code-Linters (mit denen Sie Fehler in Ihrem Code schneller finden können), Git-Plugins, Farbwähler und vieles mehr.

Sublime Text kann kostenlos heruntergeladen und verwendet werden. Für eine längere Nutzung müssen Sie jedoch 80 US-Dollar für eine Lizenz bezahlen - und das Programm erinnert Sie ziemlich regelmäßig an die Zahlung, bis Sie husten. Wenn Sie sich für eine Zahlung entscheiden, können Sie für jeden Computer, den Sie verwenden, denselben Lizenzschlüssel verwenden. Sie können also auf allen Ihren Computern denselben Code eingeben, damit das Popup für die Zahlungserinnerung nicht mehr angezeigt wird. Die kostenpflichtige Lizenz ist jedoch möglicherweise der größte Nachteil von Sublime Text - Entwicklern stehen eine Reihe wettbewerbsfähiger Produkte kostenlos zur Verfügung.

Beste Code-Editoren: Visual Studio Code

02. Visual Studio-Code

Der umfassendste, abgerundete Code-Editor

Preis: Kostenlos | Plattform: Windows, Mac OS, Linux | Entwickler: Microsoft

Besucherseite Gut für komplexe, größere Projekte Sehr robuste integrierte Git-Unterstützung Langsamer Start

Visual Studio Code ist ein von Microsoft entwickelter Code-Editor und überraschenderweise Open-Source-Software. Von den Code-Editoren in dieser Liste kommt es wahrscheinlich einer IDE am nächsten. Es ist sehr robust und auch eines der langsameren Programme beim Start. Während der Verwendung ist VS Code jedoch schnell und in der Lage, einige interessante Aufgaben zu erledigen, z. B. schnelle Git-Commits oder das Öffnen und Sortieren von Inhalten mehrerer Ordner.

VS Code hat einen rasanten Anstieg der Popularität verzeichnet - es erweitert kontinuierlich seine Benutzerbasis und zieht Entwickler von anderen Editoren weg. VS Code verfügt über ein integriertes Terminal sowie eine integrierte Git-Unterstützung, die beide große Gewinner für Fans dieses Programms sind. Die Funktion „IntelliSense“ bietet die automatische Vervollständigung von Code sowie Informationen zu den Parametern von Funktionen und bekannten Variablennamen.

Beste Code-Editoren: Codespaces

(Bildnachweis: Microsoft)

03. Codespaces

Ein neuer browserbasierter Code-Editor von Microsoft und Github

Preis: Kostenlos | Plattform: Browser | Entwickler: Microsoft

Besucherseite Von überall arbeiten Gut für die Zusammenarbeit Funktionen offline Neu und ungetestet

Microsoft, Inhaber von Github, hat deutlich gemacht, dass sich seine Vision für die 2020er Jahre ausschließlich mit der Cloud befasst. Hier ein gutes Beispiel. Codespaces wurde im Mai dieses Jahres gestartet und ist ein Code-Editor, der auf Visual Studio-Code basiert und vollständig im Browser basiert.

Codespaces verfügt über einen browserbasierten Editor mit Unterstützung für Git-Repos, Erweiterungen und eine integrierte Befehlszeilenschnittstelle, sodass Sie Ihre Anwendungen von jedem Gerät aus bearbeiten, ausführen und debuggen können. Auf diese Weise können Sie natürlich von überall aus arbeiten und die Zusammenarbeit mit anderen Entwicklern vereinfachen. Die Codebearbeitungsfunktionen in GitHub sind immer kostenlos, obwohl Microsoft plant, für Codespaces-Cloud-Umgebungen einfache Preise für die Umlage anzubieten.

Sie starten Codespaces direkt von Github aus, was für ein gutes Stück Synergie sorgt. Wenn Sie keinen Browser verwenden möchten, ist dies ebenfalls in Ordnung, da die Unterstützung für Visual Studio Code und Visual Studio integriert ist.

beste Code-Editoren: Atom

04. Atom

Der beste kostenlose Code-Editor mit einer benutzerfreundlichen Benutzeroberfläche

Preis: Kostenlos | Plattform: Windows, Mac OS, Linux | Entwickler: Github

Besucherseite Integriert in Git und GitHub Schnelles und zuverlässiges Starten von historischen Leistungsproblemen

Atom ist Open Source und wurde von GitHub entwickelt. In seiner anfänglichen Entwicklung wurde es stark von dem neuen Editorstil beeinflusst, der von Sublime Text populär gemacht wurde. Es gibt jedoch wesentliche Unterschiede: Atom ist kostenlos und Open Source und bietet eine einfache Out-of-Box-Integration mit Git und GitHub. Atom hatte in der Vergangenheit Leistungs- und Stabilitätsprobleme, die sich jedoch im Laufe der Zeit erheblich verringert haben. Es startet zwar immer noch langsamer als einige Code-Editoren, ist aber genauso zuverlässig und schnell zu bedienen wie alle anderen danach.

Weiterführende Literatur: Holen Sie mehr aus dem Atom-Texteditor heraus

Beste Code-Editoren: Klammern Code-Editor

05. Klammern

Der beste Code-Editor für neue Benutzer

Preis: Kostenlos | Plattform: Windows, Mac OS, Linux | Entwickler: Adobe

Besucherseite Einfache Anpassungsoptionen Angenehm aussehende Benutzeroberfläche Besonders geeignet für macOS Einige Leistungsprobleme

Brackets ist der Open-Source-Editor von Adobe und scheint eine sehr abgerundete Software zu sein. Es werden nativ nicht so viele Sprachen für die Syntaxhervorhebung unterstützt wie bei einigen anderen (es gibt jedoch noch einige). Aufgrund seines Fokus auf Front-End-Technologien unterstützt es auch CSS-Präprozessoren wie Less und Sass.

Bei vielen der üblichen Geschwindigkeits- und Zuverlässigkeitsmetriken hat Brackets nicht die Nase vorn, verfügt jedoch über einige einzigartige Funktionen, die untersucht werden sollten. Es kann größtenteils über seine Menüs konfiguriert werden, während die meisten anderen Editoren in dieser Liste das Bearbeiten von Konfigurationsdateien erfordern (Sie können die Konfigurationsdatei auch in Klammern bearbeiten, wenn Sie dies bevorzugen).

Es gibt auch eine interessante Funktion für die schnelle CSS-Bearbeitung. Mit einem Hotkey können Sie einen kleinen Abschnitt auf einer HTML-Seite ausblenden und dann alle CSS-Regeln bearbeiten, die sich derzeit auf das ausgewählte Element auswirken. Dies bedeutet, dass Sie ein Styling-Problem schnell finden und beheben können, ohne Zeit mit der Suche verschwenden zu müssen.

Eine interessante Entwurfsentscheidung ist, dass in Klammern überhaupt keine Registerkarten zum Anzeigen geöffneter Dateien verwendet werden. Vielmehr befindet sich oben links über dem Dateibaum ein Menü zum Öffnen von Dateien. Wenn Sie die Ansicht mit geteiltem Fenster verwenden, werden in dieser Liste mit geöffneten Registerkarten auch 'Links' und 'Rechts' aufgeteilt, um das Auffinden der gesuchten Datei zu erleichtern. VS Code verwendet beispielsweise ein ähnliches Menü zum Öffnen von Dateien, verwendet jedoch auch Registerkarten. In Klammern ermöglicht dies maximale Bildschirmfläche, kann jedoch zu einer unangenehmen Erfahrung werden, wenn Sie an die Tab-Navigation gewöhnt sind. Hast du viele Dateien? Zuverlässig Cloud-Speicher ist entscheidend.

Beste Code-Editoren: Vim-Code-Editor

06. Ich bin gekommen

Diese Befehlszeilensoftware ist ein Favorit für Programmierer der alten Schule

Preis: Kostenlos | Plattform: Windows, Mac OS, Linux | Entwickler: Vim.org

Besucherseite Sehr solide und sehr schnell Gut für Keyboarder In Linux OS und MacOS enthalten Keine Benutzeroberfläche - Navigation über die Tastatur

Vim ist vielleicht der umstrittenste Code-Editor in dieser Liste. Vim ist eine Befehlszeilensoftware, die nativ in Linux-Betriebssystemen und macOS enthalten ist und für Windows zum Download zur Verfügung steht. Vim ist ein Favorit für viele Old-School-Programmierer und Keyboard-Enthusiasten.

Das Programm wird vollständig über die Tastatur navigiert, wodurch es viel schneller und effizienter wird - aber nur, wenn Sie sich die Mühe machen, die Bedienung zu erlernen. Es ist auch extrem anpassbar (soweit ein Befehlszeilenprogramm angepasst werden kann). Sie können eine Reihe von Tastaturkürzeln verwenden, um den Code-Bearbeitungsprozess zu beschleunigen und noch besser angepasste Befehle zu erstellen, die Ihrem eigenen Workflow entsprechen.

Vim erhält die Auszeichnung für die steilste Lernkurve und möglicherweise eine der schlechtesten Benutzererfahrungen insgesamt, da es keine Benutzeroberfläche gibt. Das Erlernen der Navigation in Vim ist nicht allzu schwierig, aber das Muskelgedächtnis von Verknüpfungen aufzubauen und herauszufinden, wie der Editor am besten angepasst werden kann (was Sie tun müssen, um das Beste aus diesem Programm herauszuholen), dauert viel länger.

Vim ist unglaublich stabil, schnell und eine echte Freude für erfahrene Kommandozeilen-Fans und neue, interessierte Benutzer. Wenn Sie die Zeit haben, es zu lernen, kann Vim Ihre Codierungsproduktivität wirklich steigern, und es ist eine nahezu nahtlose plattformübergreifende Erfahrung mit so wenig zu berücksichtigender Benutzeroberfläche.

Nächste Seite: Weitere großartige Code-Editoren

Aktuelle Seite: Die 6 besten Code-Editoren

Nächste Seite Weitere Code-Editoren zum Ausprobieren