Code-Editoren
Hinweis: Der Inhalt dieses Artikels ist derzeit unvollständig, Entschuldigung dafür! Wir arbeiten hart daran, den Abschnitt MDN Learn Web Development zu verbessern, und wir werden bald die mit "TODO" als unvollständig markierten Stellen fertigstellen.
Zuvor haben wir Ihnen empfohlen, einen Code-Editor zu installieren, da Sie diesen benötigen, um diesen Pfad zu durchlaufen. In diesem Artikel betrachten wir Code-Editoren genauer und geben Ihnen eine Vorstellung davon, was sie für Sie tun können.
| Voraussetzungen: | Grundkenntnisse Ihres Computer-Betriebssystems. |
|---|---|
| Lernziele: |
|
Welche Code-Editoren sind verfügbar?
Binärdatei-Editoren wie Microsoft Word sind ungeeignet zum Bearbeiten von Code. Sie benötigen etwas, das Klartext sauber verarbeitet und ausgibt.
Standard-OS-Klartexteditoren können in Ordnung sein, beispielsweise TextEdit auf macOS oder Notepad auf Windows, aber sie haben auch Einschränkungen.
Sie sind besser mit einem vollwertigen Code-Editor wie Visual Studio Code (multiplattform, kostenlos), Sublime Text (multiplattform, nicht kostenlos) oder Notepad++ (Windows, kostenlos) bedient. Wir empfehlen Visual Studio Code, da wir diesen Editor hauptsächlich verwenden. Wenn Sie einen anderen Code-Editor verwenden möchten, ist das in Ordnung. Er wird nicht genau wie Visual Studio Code funktionieren, aber viele der grundlegenden Funktionen werden wahrscheinlich ähnlich sein.
Integrierte Entwicklungsumgebungen (IDEs) wie Visual Studio (Windows, nicht kostenlos), NetBeans (multiplattform, kostenlos) und WebStorm (multiplattform, nicht kostenlos) bieten in der Regel mehr Funktionen als einfache Code-Editoren, sind aber oft komplexer, als Sie es zu diesem Zeitpunkt in Ihrem Lernprozess benötigen.
Grundlegende Funktionen eines Code-Editors
- Öffnen und Bearbeiten von Code-Dateien.
- Syntaxhervorhebung.
- Auto-Einrückung und andere einfache Syntaxkorrekturen.
- Code-Vervollständigung und Hilfe.
- Suchen und Ersetzen, häufig mit der Möglichkeit, reguläre Ausdrücke zu verwenden, um die Funktionalität zu erweitern (z. B. einen bestimmten Anfang und ein bestimmtes Ende eines Strings beibehalten, aber das dazwischenliegende Substring ersetzen).
- Integration mit Versionskontrolle wird oft bereitgestellt (siehe das Versionskontrollmodul).
Verbesserung Ihres Code-Editors mit Erweiterungen
- Sprachspezifische Erweiterungen wie Code-Vervollständigung, Hervorhebung, Linting und Debugging. Dies kann für spezifische Sprachen wie JavaScript, Python oder Go gelten, oder für Sprach-/Framework-Abstraktionen wie TypeScript oder JSX.
- GitHub-/Versionskontroll-Erweiterungen, falls nicht standardmäßig bereitgestellt.
- Themen- und Farbschema-Erweiterungen.
- Produktivitätserweiterungen wie Code-Snippets und Gerüstgeneratoren.
- KI-gestützte Codevorschlagstools wie GitHub Copilot. Beachten Sie, dass KI-Tools, obwohl sie nützlich sind, keine Fähigkeit zum logischen Denken haben und häufig Antworten liefern, die irreführend oder schlichtweg falsch sind. Sie sollten nicht einfach davon ausgehen, dass KI-Antworten korrekt sind, und diese testen/mit anderen Quellen überprüfen.