Welche Texteditoren sind verfügbar?

In diesem Artikel heben wir einige Dinge hervor, die Sie bei der Installation eines Texteditors für die Webentwicklung beachten sollten.

Voraussetzungen: Sie sollten bereits wissen, welche verschiedene Software Sie benötigen, um eine Website zu erstellen.
Ziel: Lernen Sie, wie Sie einen Texteditor auswählen, der am besten zu Ihren Bedürfnissen als Webentwickler passt.

Zusammenfassung

Eine Website besteht hauptsächlich aus Textdateien, daher sollten Sie für eine angenehme und erfreuliche Entwicklungserfahrung Ihren Texteditor weise auswählen.

Die schiere Anzahl an Auswahlmöglichkeiten kann etwas überwältigend sein, da ein Texteditor für die Informatik so grundlegend ist (ja, Webentwicklung ist Informatik). Idealerweise würden Sie so viele Editoren wie möglich ausprobieren, um ein Gefühl dafür zu bekommen, welcher zu Ihrem Workflow passt. Aber wir geben Ihnen einige Tipps für den Einstieg.

Hier sind die wichtigsten Fragen, die Sie berücksichtigen sollten:

  • Mit welchem Betriebssystem möchte ich arbeiten?
  • Welche Art von Technologien möchte ich manipulieren?
  • Welche grundlegenden Funktionen erwarte ich von meinem Texteditor?
  • Möchte ich meinem Texteditor zusätzliche Funktionen hinzufügen?
  • Benötige ich Unterstützung/Hilfe bei der Verwendung meines Texteditors?
  • Ist mir das Aussehen und das Verhalten meines Texteditors wichtig?

Beachten Sie, dass wir den Preis nicht erwähnt haben. Offensichtlich spielt er auch eine Rolle, aber die Kosten eines Produkts haben wenig mit seiner Qualität oder Leistungsfähigkeit zu tun. Es gibt eine große Chance, dass Sie einen geeigneten Texteditor kostenlos finden.

Hier sind einige beliebte Editoren:

Editor Lizenz Preis OS Unterstützung Dok. Erweiterbar
Bluefish GPL 3 Kostenlos Windows, Mac, Linux Mailingliste, Wiki Online-Handbuch Ja
Brackets MIT/BSD Kostenlos Windows, Mac, Linux IRC GitHub-Wiki Ja
Nova Geschlossene Quelle 99 $ Mac Twitter, Forum, Online E-Book Ja
CodeLobster Geschlossene Quelle Kostenlos Windows, Mac, Linux Forum, E-Mail Online-Handbuch Ja
Emacs GPL 3 Kostenlos Windows, Mac, Linux FAQ, Mailingliste, News Group Online-Handbuch Ja
Espresso Geschlossene Quelle 99 $ Mac E-Mail Online-Handbuch Ja
Gedit GPL Kostenlos Windows, Mac, Linux Discourse, IRC Online-Handbuch Ja
Kate LGPL, GPL Kostenlos Windows, Mac, Linux Mailingliste, IRC Online-Handbuch Ja
Notepad++ GPL Kostenlos Windows Forum Online-Handbuch Ja
PSPad Geschlossene Quelle Kostenlos Windows FAQ, Forum Online-Hilfe Ja
Sublime Text Geschlossene Quelle 70 $ Windows, Mac, Linux Forum Offiziell, Inoffiziell Ja
TextMate Geschlossene Quelle 50 $ Mac Twitter, IRC, Mailingliste, E-Mail Online-Handbuch Ja
BBEdit Geschlossene Quelle Kostenlos Mac FAQ Online-Handbuch Nein
VIM Spezifische offene Lizenz Kostenlos Windows, Mac, Linux Mailingliste Online-Handbuch Ja
Visual Studio Code Open Source unter MIT-Lizenz/ Spezifische Lizenz für das Produkt Kostenlos Windows, Mac, Linux FAQ Dokumentation Ja

Aktives Lernen

In diesem Abschnitt zum aktiven Lernen möchten wir, dass Sie versuchen, einen Texteditor Ihrer Wahl zu verwenden und/oder zu installieren. Ihr Computer hat möglicherweise bereits einen der oben vorgeschlagenen Editoren installiert (z. B. Gedit, wenn Sie GNOME-Desktop verwenden, Kate, wenn Sie KDE verwenden usw.), andernfalls sollten Sie versuchen, einen oder mehrere Texteditoren Ihrer Wahl zu installieren.

Versuchen Sie, die Einstellungen Ihres Editors zu durchsuchen und das Handbuch oder die Dokumentation zu lesen, um zu sehen, welche Möglichkeiten er hat. Versuchen Sie insbesondere (wenn möglich in Ihrem Editor):

  • Ändern Sie die Einstellungen und Farben für Syntaxhervorhebung
  • Experimentieren Sie mit Breite der Einrückung, indem Sie sie auf eine geeignete Einstellung für Ihre Bedürfnisse anpassen
  • Überprüfen Sie die Einstellungen für automatisches Speichern und Sitzungswiederherstellung
  • Konfigurieren Sie verfügbare Plugins und erkunden Sie, wie Sie neue erhalten können
  • Ändern Sie Farbschemata
  • Passen Sie die Ansichtseinstellungen an und sehen Sie, wie Sie das Layout der Ansichten ändern können
  • Überprüfen Sie, welche Programmiersprachen/Technologien Ihr Editor unterstützt

Wenn Sie lernen, sollten die Standardeinstellungen der meisten Texteditoren ausreichend sein, aber es ist wichtig, dass Sie mit Ihren gewählten Werkzeugen vertraut werden, damit Sie das beste für Ihren Gebrauch auswählen können. Sie werden mehr darüber lernen, wie Sie Ihre Editoren und Werkzeuge anpassen können, wenn Sie Erfahrung sammeln, und vor allem werden Sie lernen, welche Funktionen für Ihre Zwecke nützlicher sind.

Tiefer eintauchen

Auswahlkriterien

Was sollten Sie im Detail beachten, wenn Sie einen Texteditor auswählen?

Mit welchem Betriebssystem (OS) möchte ich arbeiten?

Natürlich haben Sie die Wahl. Allerdings sind einige Editoren nur für bestimmte Betriebssysteme verfügbar, daher würde sich die Auswahl eingrenzen, wenn Sie gerne hin und her wechseln. Jeder Texteditor kann die Arbeit erledigen, wenn er auf Ihrem System läuft, aber ein plattformübergreifender Editor erleichtert den Wechsel von OS zu OS.

Finden Sie also zuerst heraus, welches Betriebssystem Sie verwenden, und prüfen Sie dann, ob ein bestimmter Editor Ihr Betriebssystem unterstützt. Die meisten Editoren geben auf ihrer Website an, ob sie Windows oder Mac unterstützen, obwohl einige Editoren nur bestimmte Versionen unterstützen. Wenn Sie Ubuntu verwenden, ist es am besten, in der Ubuntu Software Center zu suchen. Natürlich ist die Linux/UNIX-Welt generell ein recht vielfältiger Ort, an dem verschiedene Distributionen mit verschiedenen, inkompatiblen Paketsystemen arbeiten. Das bedeutet, dass Sie, wenn Sie sich in einen obskuren Texteditor verlieben, ihn möglicherweise selbst aus dem Quellcode kompilieren müssen (nichts für schwache Nerven).

Welche Art von Technologien möchte ich manipulieren?

Allgemein gesagt, kann jeder Texteditor jede Textdatei öffnen. Das funktioniert großartig, um sich selbst Notizen zu schreiben. Aber wenn Sie Webentwicklung betreiben und in HTML, CSS und JavaScript schreiben, können Sie einige ziemlich große und komplexe Dateien erzeugen. Machen Sie es sich einfacher, indem Sie einen Texteditor auswählen, der die Technologien versteht, mit denen Sie arbeiten. Viele Texteditoren helfen Ihnen mit Funktionen wie:

  • Syntaxhervorhebung. Machen Sie Ihre Datei lesbarer, indem Sie Schlüsselwörter je nach verwendeter Technologie farblich kennzeichnen.
  • Code-Vervollständigung. Zeitsparend, da wiederkehrende Strukturen automatisch vervollständigt werden (z. B. automatisch HTML-Tags schließen oder gültige Werte für eine bestimmte CSS-Eigenschaft vorschlagen).
  • Code-Snippets. Wie Sie beim Start eines neuen HTML-Dokuments gesehen haben, verwenden viele Technologien immer wieder dieselbe Dokumentstruktur. Sparen Sie sich die Mühe, dies alles abzutippen, indem Sie ein Code-Snippet verwenden, um Ihr Dokument vorauszufüllen.

Die meisten Texteditoren unterstützen jetzt Syntaxhervorhebung, aber nicht unbedingt die beiden anderen Funktionen. Stellen Sie insbesondere sicher, dass Ihr Texteditor die Hervorhebung für HTML, CSS und JavaScript unterstützt.

Welche grundlegenden Funktionen erwarte ich von meinem Texteditor?

Es hängt von Ihren Bedürfnissen und Plänen ab. Diese Funktionen sind oft hilfreich:

  • Suchen und Ersetzen, in einem oder mehreren Dokumenten, basierend auf regulären Ausdrücken oder anderen Mustern nach Bedarf
  • Schnell zu einer bestimmten Zeile springen
  • Zwei Teile eines großen Dokuments separat ansehen
  • HTML so anzeigen, wie es im Browser aussieht
  • Text gleichzeitig an mehreren Stellen auswählen
  • Dateien und Verzeichnisse Ihres Projekts anzeigen
  • Ihren Code automatisch mit einem Code-Beautifier formatieren
  • Rechtschreibprüfung
  • Automatisches Einrücken von Code basierend auf Einrückungseinstellungen

Möchte ich meinem Texteditor zusätzliche Funktionen hinzufügen?

Ein erweiterbarer Editor kommt mit weniger integrierten Funktionen, kann aber basierend auf Ihren Bedürfnissen erweitert werden.

Wenn Sie nicht sicher sind, welche Funktionen Sie möchten oder Ihr bevorzugter Editor diese nicht von Haus aus bietet, suchen Sie nach einem erweiterbaren Editor. Die besten Editoren bieten viele Plugins und idealerweise eine Möglichkeit, neue Plugins automatisch zu suchen und zu installieren.

Wenn Sie viele Funktionen mögen und Ihr Editor wegen all Ihrer Plugins langsamer wird, versuchen Sie, eine IDE (integrierte Entwicklungsumgebung) zu verwenden. Eine IDE bietet viele Werkzeuge in einer Oberfläche und ist für Anfänger etwas einschüchternd, aber immer eine Option, wenn sich Ihr Texteditor zu begrenzt anfühlt. Hier sind einige beliebte IDEs:

Benötige ich Unterstützung/Hilfe bei der Verwendung meines Texteditors?

Es ist immer gut zu wissen, ob Sie Hilfe erhalten können, wenn Sie Software verwenden. Für Texteditoren sollten Sie auf zwei verschiedene Arten von Unterstützung achten:

  1. Benutzerorientierte Inhalte (FAQ, Handbuch, Online-Hilfe)
  2. Diskussion mit Entwicklern und anderen Benutzern (Forum, E-Mail, IRC)

Verwenden Sie die schriftliche Dokumentation, wenn Sie lernen, wie Sie den Editor verwenden. Treten Sie mit anderen Benutzern in Kontakt, wenn Sie bei der Installation oder Verwendung des Editors auf Probleme stoßen.

Ist mir das Aussehen und das Verhalten meines Texteditors wichtig?

Nun, das ist eine Geschmacksfrage, aber einige Leute mögen es, jedes Stück der Benutzeroberfläche (UI) anzupassen, von Farben bis hin zu Button-Positionen. Editoren variieren stark in ihrer Flexibilität, prüfen Sie also vorher. Es ist nicht schwer, einen Texteditor zu finden, der das Farbschema ändern kann, aber wenn Sie viel anpassen möchten, sind Sie möglicherweise mit einer IDE besser dran.

Installation und Setup

Die Installation eines Texteditors ist normalerweise ziemlich einfach. Die Methode variiert je nach Ihrer Plattform, sollte aber nicht zu schwer sein:

  • Windows. Die Entwickler stellen Ihnen eine .exe oder .msi Datei zur Verfügung. Manchmal wird die Software in einem komprimierten Archiv wie .zip, .7z oder .rar geliefert und in diesem Fall müssen Sie ein zusätzliches Programm installieren, um den Inhalt aus dem Archiv zu extrahieren. Windows unterstützt .zip standardmäßig.
  • Mac. Auf der Website des Editors können Sie eine .dmg Datei herunterladen. Einige Texteditoren finden Sie direkt im Apple Store, um die Installation noch einfacher zu machen.
  • Linux. In den beliebtesten Distributionen können Sie mit Ihrem grafischen Paketmanager (Ubuntu Software Center, mintInstall, GNOME Software, &c.) beginnen. Oft können Sie eine .deb oder .rpm Datei für vorverpackte Software finden, aber meistens müssen Sie den Repository-Server Ihrer Distribution verwenden oder im schlimmsten Fall Ihren Editor aus dem Quellcode kompilieren. Nehmen Sie sich die Zeit, die Installationsanweisungen auf der Website des Texteditors sorgfältig zu prüfen.

Wenn Sie einen neuen Texteditor installieren, wird Ihr Betriebssystem wahrscheinlich weiterhin Textdateien mit seinem Standardeditor öffnen, bis Sie die Dateizuordnung ändern. Diese Anweisungen helfen Ihnen dabei, festzulegen, dass Ihr Betriebssystem Dateien mit Ihrem bevorzugten Editor öffnen soll, wenn Sie darauf doppelklicken:

Nächste Schritte

Da Sie nun einen guten Texteditor haben, könnten Sie sich etwas Zeit nehmen, um Ihre grundlegende Arbeitsumgebung zu vervollständigen, oder, wenn Sie gleich loslegen möchten, Ihre allererste Webseite schreiben.