Welche Texteditoren sind verfügbar?

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

Voraussetzungen: Sie sollten bereits über verschiedene Software, die Sie zur Erstellung einer Webseite benötigen, Bescheid wissen.
Ziel: Lernen Sie, wie Sie einen Texteditor auswählen, der am besten zu Ihren Anforderungen als Webentwickler passt.

Zusammenfassung

Eine Webseite besteht hauptsächlich aus Textdateien, daher sollten Sie für eine angenehme und spaßige Entwicklungserfahrung Ihren Texteditor klug wählen.

Die Vielzahl an Optionen kann überwältigend sein, da ein Texteditor so grundlegend für die Informatik ist (ja, Webentwicklung ist Informatik). Ideal wäre es, wenn Sie so viele Editoren wie möglich ausprobieren und ein Gefühl dafür bekommen, was zu Ihrem Arbeitsfluss passt. Aber wir geben Ihnen einige Anhaltspunkte zum Einstieg.

Hier sind die Hauptfragen, die Sie berücksichtigen sollten:

  • Mit welchem Betriebssystem (OS) möchte ich arbeiten?
  • Welche Art von Technologien möchte ich verarbeiten?
  • Welche Grundfunktionen erwarte ich von meinem Texteditor?
  • Möchte ich meinem Texteditor zusätzliche Funktionen hinzufügen?
  • Benötige ich Unterstützung/Hilfe beim Verwenden meines Texteditors?
  • Ist mir das Erscheinungsbild meines Texteditors wichtig?

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

Hier sind einige beliebte Editoren:

Editor Lizenz Preis OS Support Dokumentation 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 eBook 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 vorgeschlagenen Editoren installiert (z.B. Gedit, wenn Sie GNOME verwenden, Kate, wenn Sie KDE verwenden usw.), falls nicht, sollten Sie versuchen, einen oder mehrere Texteditoren Ihrer Wahl zu installieren.

Versuchen Sie, die Einstellungen Ihres Editors zu durchsuchen und lesen Sie das Handbuch oder die Dokumentation, um zu sehen, welche Fähigkeiten er hat. Insbesondere (wenn möglich in Ihrem Editor), versuchen Sie:

  • Ändern der Einstellungen und Farben für Syntax-Hervorhebung
  • Spielen mit der Breite der Einrückung, passend für Ihre Bedürfnisse
  • Überprüfen der automatischen Speicher- und Sitzungs-Speicher-Einstellungen
  • Konfigurieren von verfügbaren Plugins und Herausfinden, wie man neue erhält
  • Ändern der Farbschemata
  • Anpassen der Ansichts-Einstellungen und Sehen, wie Sie das Layout der Ansichten ändern können
  • Überprüfen, welche Programmiersprachen/Technologien Ihr Editor unterstützt

Während Sie lernen, sollten die Standardeinstellungen der meisten Texteditoren ausreichend sein, aber es ist wichtig, mit den gewählten Werkzeugen vertraut zu werden, um für Ihre Nutzung das beste auszusuchen. Sie werden mehr über die Anpassung Ihrer Editoren und Werkzeuge lernen, wenn Sie Erfahrung sammeln, und wichtiger noch, welche Funktionen für Ihre Zwecke nützlicher sind.

Graben Sie tiefer

Auswahlkriterien

Im Detail, woran sollten Sie denken, wenn Sie einen Texteditor auswählen?

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

Natürlich ist es Ihre Wahl. Einige Editoren sind jedoch nur für bestimmte OSs verfügbar, also wenn Sie gerne wechseln, schränkt das die Möglichkeiten ein. 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 zunächst heraus, welches OS Sie verwenden, und überprüfen Sie dann, ob ein bestimmter Editor Ihr OS unterstützt. Die meisten Editoren geben auf ihrer Website an, ob sie Windows oder Mac unterstützen, jedoch unterstützen einige Editoren nur bestimmte Versionen. Wenn Sie Ubuntu verwenden, ist es am besten, innerhalb des Ubuntu Software Centers zu suchen. Im Allgemeinen, natürlich, ist die Linux/UNIX-Welt ein ziemlich vielfältiger Ort, an dem verschiedene Distributionen mit unterschiedlichen, inkompatiblen Paketverwaltungssystemen arbeiten. Das bedeutet, wenn Sie sich in einen obskuren Texteditor verliebt haben, müssen Sie ihn möglicherweise selbst aus dem Quellcode kompilieren (nichts für schwache Nerven).

Welche Art von Technologien möchte ich bearbeiten?

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

  • Syntax-Hervorhebung. Machen Sie Ihre Datei lesbarer, indem Sie Schlüsselwörter basierend auf der verwendeten Technologie farblich kennzeichnen.
  • Codevervollständigung. Sparen Sie Zeit, indem Sie wiederkehrende Strukturen automatisch vervollständigen (zum Beispiel automatische Schließen von HTML-Tags oder Vorschläge für gültige Werte für eine bestimmte CSS-Eigenschaft).
  • Code-Snippets. Wie Sie beim Start eines neuen HTML-Dokuments gesehen haben, verwenden viele Technologien immer wieder die gleiche Dokumentenstruktur. Sparen Sie sich die Mühe, alles erneut einzugeben, indem Sie ein Code-Snippet verwenden, um Ihr Dokument vorab auszufüllen.

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

Welche Grundfunktionen 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 getrennt anzeigen
  • HTML anzeigen, wie es im Browser aussehen wird
  • Text an mehreren Stellen gleichzeitig auswählen
  • Dateien und Verzeichnisse Ihres Projekts anzeigen
  • Ihren Code automatisch mit einem Code-Beautifier formatieren
  • Rechtschreibung überprüfen
  • Code automatisch basierend auf Einrückungseinstellungen einrücken

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

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

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

Wenn Sie viele Funktionen mögen und Ihr Editor langsamer wird, weil er so viele Plugins hat, probieren Sie ein IDE (integrierte Entwicklungsumgebung). Ein IDE bietet viele Werkzeuge in einer Oberfläche und kann für Anfänger etwas entmutigend sein, ist aber immer eine Option, wenn sich Ihr Texteditor zu eingeschränkt anfühlt. Hier sind einige beliebte IDEs:

Benötige ich Unterstützung/Hilfe beim Verwenden meines Texteditors?

Es ist immer gut zu wissen, ob Sie Hilfe bekommen können oder nicht, wenn Sie Software verwenden. Für Texteditoren achten Sie auf zwei verschiedene Arten von Support:

  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. Nehmen Sie Kontakt zu anderen Benutzern auf, wenn Sie bei der Installation oder Verwendung des Editors Probleme beheben.

Ist mir das Erscheinungsbild meines Texteditors wichtig?

Nun, das ist Geschmackssache, aber manche Leute mögen es, jede Kleinigkeit der Benutzeroberfläche (UI) anzupassen, von den Farben bis zu den Positionen der Schaltflächen. Editoren variieren stark in ihrer Flexibilität, also überprüfen Sie das vorher. Es ist nicht schwer, einen Texteditor zu finden, der das Farbschema ändern kann, aber wenn Sie starke Anpassungen wünschen, sind Sie möglicherweise besser mit einem IDE aufgehoben.

Installation und Einrichtung

Die Installation eines Texteditors ist in der Regel recht unkompliziert. Die Methode variiert je nach Plattform, sollte jedoch nicht schwer sein:

  • Windows. Die Entwickler stellen Ihnen eine .exe- oder .msi-Datei zur Verfügung. Manchmal kommt die Software in einem komprimierten Archiv wie .zip, .7z oder .rar, 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 Webseite des Editors können Sie eine .dmg-Datei herunterladen. Einige Texteditoren können Sie direkt im Apple Store finden, um die Installation noch einfacher zu machen.
  • Linux. In den bekanntesten Distributionen können Sie mit Ihrem grafischen Paketmanager beginnen (Ubuntu Software Center, mintInstall, GNOME Software usw.). Sie können oft eine .deb- oder .rpm-Datei für vorverpackte Software finden, aber meistens müssen Sie das Repository des Distributors nutzen oder, im schlimmsten Fall, den Editor selbst aus dem Quellcode kompilieren. Nehmen Sie sich die Zeit, um die Installationsanweisungen auf der Webseite des Texteditors sorgfältig zu überprüfen.

Wenn Sie einen neuen Texteditor installieren, wird Ihr OS wahrscheinlich weiterhin Textdateien mit dem Standardeditor öffnen, bis Sie die Dateizuordnung ändern. Diese Anleitungen helfen Ihnen, anzugeben, dass Ihr OS Dateien in Ihrem bevorzugten Editor öffnen soll, wenn Sie sie doppelklicken:

Nächste Schritte

Nun, da Sie einen guten Texteditor haben, könnten Sie sich etwas Zeit nehmen, um Ihre grundlegende Arbeitsumgebung fertigzustellen, oder, wenn Sie gleich damit spielen möchten, Ihre allererste Webseite schreiben.