Sie werden bereits mit einem Texteditor vertraut sein, wenn Sie einen Codecademy-Kurs besucht haben. Unten sehen Sie den Codecademy-Texteditor im Vollbildmodus am Ende des ersten Moduls des HTML-Kurses.
Während die Lernumgebung von Codecademy ein intuitives und benutzerfreundliches Programmiererlebnis bietet, werden Sie manchmal Ihren eigenen Texteditor verwenden müssen. Wenn Sie beispielsweise an einem Meetup oder einem persönlichen Programmierkurs teilnehmen, wird dort ein herunterladbarer Texteditor verwendet, den Sie installieren müssen, um sowohl im Unterricht als auch zu Hause an Projekten zu arbeiten.
Ich habe mit einigen Texteditoren herumprobiert, um ein besseres Gefühl dafür zu bekommen, was meinen Bedürfnissen am besten entspricht. Das ist sehr wichtig, denn es gibt keinen „besten“ Texteditor, sondern nur den, mit dem man am besten arbeiten kann.
In diesem Artikel werde ich einen ausführlichen Vergleich zwischen zwei der beliebtesten Texteditoren anstellen: Visual Studio und Sublime Text.
Visual Studio
Visual Studio (der Texteditor ist unter dem Namen Visual Studio Code bekannt, so dass wir uns von nun an darauf beziehen) ist der kostenlose Texteditor von Microsoft, der unter Windows, Linux und macOS läuft. Es ist ein neuer Marktteilnehmer; Microsoft hat das Produkt Ende 2015 als öffentliche Vorschau veröffentlicht und den Open-Source-Code auf Github gepostet, bevor es im April 2016 als allgemeine Version zur Verfügung gestellt wurde.
Trotz seines Neulingsstatus hat Visual Studio Code schnell an Popularität unter den Entwicklern gewonnen und wurde in der Stack Overflow-Entwicklerumfrage 2018 zur beliebtesten Entwicklungsumgebung insgesamt gewählt.
Die Grundlagen
So sieht der Startbildschirm von Visual Studio Code aus, wenn Sie Ihre erste Codezeile schreiben oder eine bereits erstellte Datei öffnen:
Im linken oberen Bereich sehen Sie die verschiedenen Varianten des Codes, die Sie bearbeiten. In diesem Fall bearbeite ich eine Datei namens „style.css“.
Im mittleren Bereich bearbeiten Sie den Code, den Sie geschrieben haben oder korrigieren müssen; Sie können mehrere verschiedene Dateien nebeneinander öffnen und bearbeiten.
Das Layout von Visual Studio ähnelt in seiner Einfachheit und Benutzerfreundlichkeit dem Layout des Texteditors von Codecademy. Werfen Sie zum Vergleich einen Blick auf den Texteditor von Codecademy.
Natürlich können Sie das Layout auch bearbeiten. Der Zen-Modus ist einer meiner Favoriten, vor allem weil er so entspannend klingt. In Wirklichkeit handelt es sich um einen Vollbildmodus, der es Ihnen ermöglicht, Code ohne Ablenkung zu bearbeiten.
Weitere Funktionen
Visual Studio Code ermöglicht Ihnen die Bearbeitung von Code in einer Vielzahl von Programmiersprachen. Das Beispiel, das ich oben verwendet habe, ist CSS (ja, ich stufe CSS als Programmiersprache ein!). CSS ist eine der eingebauten Programmiersprachen, aber Sie können auch andere Sprachen wie Python und C# über den Extension Marketplace installieren und konfigurieren.
Debugging
Eine der klassischen Übungen, die man beim Programmieren lernen macht, ist es, einen Code zu „brechen“ und dann zu versuchen, ihn wieder zu reparieren. In meinen Anfängen als Programmierer habe ich ewig auf Codezeilen gestarrt, bis meine Augen verschwommen waren, um herauszufinden, warum das, was ich geschrieben hatte, im Endprodukt nicht wiedergegeben wurde.
Glücklicherweise enthält Visual Studio Code Debugging-Funktionen, die dabei helfen, solche Fehler zu entdecken, bevor man das Stadium der verschwommenen Augen erreicht. Um mit dem Debuggen Ihres Codes zu beginnen, müssen Sie nur entweder F5 drücken, um ihn im aktuellen Fenster auszuführen, oder das Menü „Debuggen“ aufrufen.
Sie können auch „Haltepunkte“ erstellen, d. h. Punkte, an denen der Debugging-Prozess automatisch angehalten wird.
Auf einer grundlegenderen Debugging-Ebene erkennt Visual Studio Code automatisch kleinere Probleme in Ihrem Code und führt Sie direkt dorthin, so dass Sie das Problem leicht lösen können.
Intellisense
Als ich das Programmieren lernte, war einer der Tipps, die uns der Lehrer gab, wenn wir nicht wussten, wie man etwas macht, es zu googeln. Microsoft hat in Visual Studio Code eine Funktion namens Intellisense eingebaut, die eine Alternative zum Googeln des Problems darstellt (oder „Bing-ing“, im Falle von Microsoft).
IntelliSense analysiert die Semantik (Buchstaben) dessen, was Sie eingeben, sowie den Rest des Codes, den Sie erstellt haben, und macht dann Vorschläge, wie Sie das Geschriebene beenden können. Sie können über Intellisense auf eine ganze Reihe verschiedener Vervollständigungen zugreifen, darunter Vorschläge des Sprach-Servers, Snippets und wortbasierte Textvervollständigungen.
IntelliSense ist für die gängigsten Programmiersprachen verfügbar, darunter HTML, CSS und Javascript, aber für andere Sprachen müssen Sie eine Erweiterung installieren.
Und der Rest
Visual Studio Code verfügt über eine Reihe weiterer nützlicher Funktionen, die Ihnen bei Ihrer Programmierarbeit helfen, indem sie Ihren Code besser visualisieren und Ihre Programmierung beschleunigen. Dazu gehören:
- Unterstützung für Snippets: Damit können Sie einen Katalog von kleinen Teilen wiederverwendbaren Codes erstellen, die Sie in größere Codeteile einfügen können
- „Gehe zu“-Funktionalität: Damit können Sie Symbole, Dateien, Zeilen und Definitionen schnell finden und ansteuern
- Syntaxhervorhebung: Damit wird der Code je nach verwendeter Programmiersprache in verschiedenen Farben und Schriftarten angezeigt.
Gesamteindruck
Geständniszeit: Ich bin ein langjähriger Nutzer von Windows/Microsoft Office. Ein Grund für diese (uncoole) Entscheidung ist, dass mir die Microsoft-Produkte vertraut und leicht zu bedienen sind. Das Gleiche gilt für Visual Studio Code.
Selbst wenn Sie keine Erfahrung mit Texteditoren haben, ist VS Code leicht zu erlernen und sofort zu benutzen. Es hat einen Microsoft-Look und ein Microsoft-Gefühl, und es hat zwei Ebenen, die es ideal für jede Art von Benutzer machen.
Wenn Sie ein Anfänger sind, ist es einfach, die grundlegenden Befehle zu verstehen (und Microsoft hat eine Menge Dokumentation dafür geschrieben), aber wenn Sie ein Experte sind, der ernsthaft programmieren will, gibt es auch eine Menge fortgeschrittener Funktionen.
Sublime Text (Version 3)
Sublime Text, das von einem ehemaligen Google-Ingenieur entwickelt wurde, gibt es seit 2007. Der erste große Unterschied zu Visual Studio Code (VSC) ist, dass es eine Lizenzgebühr von 80 Dollar kostet, obwohl es eine kostenlose Testversion gibt. Genau wie VSC läuft es auf Windows, Linux und macOS und ist laut StackOverflow die viertbeliebteste Entwicklungsumgebung im Jahr 2018.
Die neueste Version von Sublime Text – Version 3 – befand sich mehr als vier Jahre lang in der Beta-Phase, von Januar 2013 bis zur Freigabe für die Öffentlichkeit im September 2017.
Die Grundlagen
Wenn Sie Sublime Text zum ersten Mal öffnen, erhalten Sie einen abgespeckten Texteditor. Es gibt keine Seitenleiste, keine Suchoptionen und keine Option, die Sie direkt zur Seitenleiste der Erweiterung führt. Das Layout ist übersichtlicher, damit Sie sich auf das Programmieren konzentrieren können. In der oberen rechten Ecke befindet sich eine kleine Minikarte, die Ihnen einen Überblick über Ihren Code verschafft.
Im Vergleich zu Visual Studio Code öffnete sich der Editor ziemlich schnell, und wenn Sie bereit sind, mit der Bearbeitung von Code zu beginnen, bietet er den perfekten Ausgangspunkt. Wenn Sie jedoch noch keine Erfahrung mit Texteditoren haben, sind die anderen Features und Funktionen schwieriger zu finden. Das meiste, was Sie brauchen, finden Sie in den Menüs am oberen Rand, aber Sie werden auch die Befehlspalette (mehr dazu weiter unten) aus dem Menü Werkzeuge aufrufen wollen, um schneller zu dem zu gelangen, was Sie brauchen.
Sublime Text Features
Wenn Sie das meiste aus Sublime Text herausholen wollen, werden Sie zusätzliche Plugins installieren wollen, um die zusätzlichen Funktionen zu nutzen. Dazu müssen Sie die Paketsteuerung installieren, die wir Ihnen im Folgenden vorstellen werden.
Paketsteuerung
Die Paketsteuerung ähnelt dem Marktplatz für Erweiterungen von Visual Studio, ist aber nicht sofort verfügbar. Es gibt viele Pakete (oder Plugins) für Programmieranfänger, wie z.B. ein Starter-Paket für C++, ein Paket, das bei der Vervollständigung von Python hilft (ähnlich wie Intellisense in Visual Studio), und Emmet, das Ihnen hilft, HTML und CSS schneller zu schreiben, indem es Ihnen erlaubt, Abkürzungen zu verwenden, die es automatisch expandiert.
Befehlspalette
Wenn Sie die Befehlspalette verwenden, können Sie jeden Befehl viel schneller finden und zu ihm navigieren, als wenn Sie sich durch die Menüs hangeln müssten. Sie können auf so ziemlich alles zugreifen, und die Befehlspalette füllt die Felder automatisch für Sie aus. Wenn Sie also nicht genau wissen, wonach Sie suchen, werden Ihnen einige Optionen vorgeschlagen.
Wenn Sie beispielsweise an einem Projekt arbeiten und schnell einen neuen Ordner hinzufügen oder das Projekt, an dem Sie gerade arbeiten, speichern müssen, können Sie diese Option schnell aufrufen. Oder wenn Sie Snippets erstellen wollen, ohne durch die Menüs navigieren zu müssen, können Sie auch das tun.
Um auf die Befehlspalette zuzugreifen, müssen Sie nur die Tastenkombination Strg + Umschalt + P drücken.
Goto-Funktionalität
Es gibt ein Menü in Sublime Text, das der gesamten „Goto“-Funktionalität innerhalb dieses Texteditors gewidmet ist. Dabei handelt es sich um eine wesentlich umfangreichere Version des „Gehe zu“-Menüs von Visual Studio.
Zu den Highlights gehört die Funktion „Gehe zu Symbol“ (hinzugefügt in Sublime Text 3), mit der sich alle Beispiele für Symbole in einer Datei leicht finden lassen. Das Beispiel unten ist für H1-Tags (es gab nur ein Beispiel in dieser Datei).
Projekte
Die Funktion Projekte bezieht sich auf eine Art der Organisation von Ordnern und Dateien in Sublime Text. Es bedeutet, dass alle Ordner und Dateien an einem Ort gespeichert werden und von der Seitenleiste aus schnell zugänglich sind, sobald Sie das Projekt öffnen, anstatt dass Sie immer wieder manuell weitere Dateien öffnen müssen. Es bedeutet auch, dass Sie (schnell) alle Dateien innerhalb eines Projekts auf einmal durchsuchen können.
Sie können immer nur ein Projekt in einem Arbeitsbereich geöffnet haben, wenn Sie also das Projekt wechseln wollen, müssen Sie die Option „Projekt wechseln“ wählen.
Visual Studio hat eine ähnliche Funktion namens „Workspaces“, die es Ihnen ermöglicht, mehrere Dateien gleichzeitig zu öffnen und zu bearbeiten.
Und der Rest
Sublime Text hat eine Vielzahl anderer, „kleinerer“ Funktionen, die hier erwähnt werden sollen. Dazu gehören:
- Snippets: Diese funktionieren auf die gleiche Weise wie bei Visual Studio, aber Sie können auch Ihre eigenen erstellen oder mehr von Erweiterungen installieren
- Multi-Edit: Wenn Sie Strg + d drücken, werden alle Instanzen des Wortes oder Befehls, an dem Sie gerade arbeiten, in der Datei hervorgehoben, Sie können auch Strg + f drücken, um Wörter zu suchen und zu ersetzen.
Gesamteindruck
Sublime Text ist ein schneller und übersichtlicher Texteditor, mit dem man den geschriebenen Code gut organisieren und durchsuchen kann und mit dem man schnell zu jeder Funktion oder jedem Symbol springen kann. Seine „Goto“-Funktionalität und die vielen Tastenkombinationen machen es erfahrenen Entwicklern leicht, sich zurechtzufinden und Code zu schreiben und zu finden, ohne die Hände von der Tastatur nehmen zu müssen.
Sublime Text enthält keine Debugging-Option, was für Entwickler, die diese Funktion benötigen, ein Problem darstellen könnte.
Welchen Texteditor soll ich wählen?
Visual Studio könnte man als integrierte Entwicklungsumgebung (IDE) bezeichnen, da es Programmierern erlaubt, sowohl Code zu schreiben als auch zu testen. Sublime Text hingegen ist „nur“ ein Texteditor (wenn auch ein hervorragender), weil er sich auf die schnellste Art und Weise konzentriert, Ihren Code zu organisieren und zu schreiben, aber keine Möglichkeit bietet, den Code zu testen (debuggen).
Ein weiterer großer Unterschied zwischen Visual Studio Code und Sublime Text ist die Unterstützung, die Microsoft im Vergleich zu Sublime Text bietet. Microsoft hat eine umfangreiche Dokumentation erstellt, in der fast alle Funktionen und ihre Verwendung erklärt werden. Außerdem gibt es Blogbeiträge und Videotutorials, die den Benutzern helfen, sich mit dem Texteditor vertraut zu machen.
Sublime Text bietet eine etwas schwieriger zu findende Dokumentation, einen Blogbeitrag, in dem die Funktionen der neuesten Version erklärt werden, und ein Forum.
Sublime Text ist schnell und einfach zu schreiben und zu navigieren, wenn man weiß, was man tut. Visual Studio bietet mehr Hilfestellung und ist eine großartige Option für seine Debugging-Funktionen, könnte aber einige erfahrene Programmierer ausbremsen, wenn es um das Schreiben von Code geht.