Diese erste Entscheidung definiert Ihre Produktivität und Effektivität beim Codieren.
Bevor Sie überhaupt mit dem Erlernen der Webentwicklung beginnen, müssen Sie den Code-Editor Ihrer Wahl auswählen und herunterladen.
Dieser Teil hier ist entscheidend – Ihre Reise, Ihre Lernkurve steht auf dem Spiel. Dies ist das Tool, das Sie verwenden werden, wenn Sie mit dem Schreiben Ihres Codes beginnen, und es stehen verschiedene Code-Editoren zur Auswahl.
Für diejenigen, die vor mehr als 10 Jahren mit dem Codieren begonnen haben, war Notepad ++ die am häufigsten verwendete Plattform, und andere Code-Editoren folgten TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brackets und CoffeeCup HTML Editor.
In der modernen Technologie wurden die Auswahlmöglichkeiten auf wenige beschränkt, nämlich Sublime Text, Atom, VSCode, Vim usw.
Während Sie lernen, werden Sie verschiedene Lehrer oder Ausbilder finden, die es vorzogen, einen anderen Texteditor zu verwenden, es spielt keine Rolle, ob Sie ihnen folgen und denselben Editor verwenden oder Ihren eigenen auswählen. Wählen Sie, was Sie produktiver macht, weil es Ihnen hilft, ein besserer Programmierer zu werden.
Also, wähle weise.
Atom wurde von Github genialen Entwicklern gestartet, aber jetzt im Besitz von Microsoft, das Gute an Atom ist, dass es kostenlos ist, es ist Open-Source und auch hochgradig anpassbar, das Beste an Atom ist seine Teletype-Funktion, die es mehreren / mehreren Entwicklern ermöglicht, an demselben Projekt, an demselben Code, aus jedem Teil der Welt, an einem anderen Ort zu arbeiten.
Atom ist Sublime Text ein bisschen ähnlich, aber viele Entwickler, die Atom bevorzugten, waren wegen seiner einfachen Benutzeroberfläche im Vergleich zu Sublime Text.
Atom kann auf 3 Betriebssystemen (OS), Windows, Mac und Linux verwendet werden, sodass Atom für jede Plattform verfügbar ist.
Eigenschaften:
- Atom ist eine Desktop-Anwendung für Webtechnologien
- Es ist modular aufgebaut und enthält mehr als 50 Open-Source-Erweiterungen / Pakete, die Sie in einen minimalen Kern integrieren können
- Schnipsel
- Saubere und einfache Benutzeroberfläche
- Knoten.js-Integration
- Dateisystem-Browser
- Hackbarer Ansatz
- Kirby-Snippets, der Favorit des Atom-Benutzers. https://atom.io/packages/kirby-snippets
- PlatformIO IDE Terminal
Nachteile
- Es gibt einige Leistungsprobleme
- Der Start dauert im Vergleich zu anderen Texteditoren einige Sekunden, insbesondere wenn Sie zahlreiche Pakete / Erweiterungen installieren.
- Etwas langsam im Vergleich zu Sublime Text, da es sich um eine browserbasierte App handelt (diese wird mit Electron ausgeführt)
Herunterladen Atom.io Hier: https://atom.io/
Und hier ist ein kurzes Video zur Einrichtung von Atom:
Vim
Vorteile
- Leicht und schnell im Vergleich zu anderen Editoren verwendet es nur minimalen Systemspeicher und wird sofort geladen
- Sie können Plugins für fast alles finden, von der Version über die Steuerung bis hin zur Farbpräferenz
- Es ist kostenlos und Opensource und kann im Terminal- oder GUI-Modus verwendet werden
- Tastaturbasiert und Sie werden wahrscheinlich feststellen, dass Sie keine Maus mehr benötigen, alles ist auf ihre Tastaturkürzel.
Nachteile
- Lernkurve, es wird einige Zeit dauern, bis Sie lernen, und Sie werden sich so viele Befehle und Verknüpfungen merken
- Schlechte Unterstützung für seine Werkzeuge
- Nicht viel effektiv, wenn es um den Ausschneiden / Einfügen-Mechanismus geht
Sie können Vim mit diese Ressource: https://www.vim.org/download.php
Hier ist eine zusätzliche Ressource, wenn Sie mehr über Vim lesen möchten:
Hier ist ein guter Einführungskurs für die Grundlagen, damit Sie die Grundlagen von Vim erlernen können.
Halterungen
Vorteile
- Open Source und plattformübergreifend, dh es ist kostenlos und kann unter Mac, Windows und Linux verwendet werden
- Es verfügt über Code-Vervollständigung, es wird einen automatischen Vorschlag geben, wenn Sie Ihren Code eingeben
- Brackets einzigartiges Merkmal ist die schnelle Bearbeitung Wenn Sie ein HTML-Element markieren und CMD / Strg + E drücken, öffnet die Klammer dann alle CSS, die mit diesen bestimmten Elementen sobald Sie es schließen, wird es automatisch auf das CSS-Stylesheet angewendet.
- Möglichkeit, mehrere Erweiterungen und Pakete hinzuzufügen, um Ihren Bracket-Editor leistungsfähiger und nützlicher zu machen
- Brackets haben auch mehrere Cursor-Funktion
- Es hat auch eine Farbauswahl, da Hex-Farbcodes schwer zu merken sind.
- Live-Vorschau, um die Ergebnisse oder die Ausgabe Ihrer Bearbeitung / Styling leicht zu sehen
Color Picker-Funktion
Cons
- Brackets konzentriert sich auf Front-End-Seite – eindeutig für Frontend-Entwickler gemacht, in denen sehr nützlich in HTML, CSS und Javascript und nicht viel auf der Server-Seite Sprachen
Sie können Brackets.io hier: http://brackets.io/
Hier ist ein kurzes Video zum Einrichten von Klammern:
Erhabener Text
Viele Entwickler haben sich immer noch für Sublime Text entschieden, da dies aufgrund seiner Geschwindigkeit, Einfachheit sowie der Tastaturkürzel sehr nützlich ist, wenn Sie an verschiedenen Skriptsprachen wie Javascript arbeiten.
Sie können Sublime Text hier herunterladen: https://www.sublimetext.com/
Hier ist ein Einführungsvideo, um Ihren Sublime Text zu starten und einzurichten:
Pros:
- Open Source und plattformübergreifend, dh es ist kostenlos und kann unter Mac, Windows und Linux verwendet werden
- Automatische Vervollständigung
- Syntax-Highlight
- Code—Faltung
- Anpassbar – mehr als 3.800 Pakete verfügbar
- Leicht, schnell und stabil
Nachteile:
- Es gibt noch kein anständiges Git-Plugin
- Langsame Entwicklung, da Sublime kein großes Team dahinter hat
- Nicht so anfängerfreundlich
Hier ist ein Bonus-Tutorial für Sublime Text Tipps, Tricks, Tastaturkürzel und die besten Funktionen! Genießen.
VSCode
Visual Studio Code bietet Entwicklern eine neue Auswahl an Entwicklertools, die die Einfachheit und optimierte Erfahrung eines Code-Editors mit dem Besten kombinieren, was Entwickler für ihren Kern-Code-Edit-Debug-Zyklus benötigen. Visual Studio Code ist der erste Code-Editor und das erste plattformübergreifende Entwicklungstool – unterstützt OS X, Linux und Windows — in der Visual Studio—Familie.
Einer der Vorteile der Verwendung von VSCode ist seine Fähigkeit, mit Git zu integrieren, es ist einfach und schnell, eine andere Sache ist seine Fähigkeit, in verschiedenen Teams remote zu integrieren, mehrere Entwickler können mit diesem Tool / dieser Erweiterung am selben Projekt oder sogar am selben Code arbeiten: Visual Studio Live Share hilft mehreren Entwicklern, effizienter zusammenzuarbeiten, im Vergleich zu Sublime Text und Atom.
Profis
- Leicht und schnell
- Kostenlos
- Einfache und saubere Benutzeroberfläche
- Eingebautes Terminal
- Mehrfachcursor
- IntelliSense – Es ist eine Supercharge—Funktion für die automatische Vervollständigung und Syntaxhervorhebung, mit der tippfehler und mögliche Syntaxfehler
- Eine riesige Community zur Unterstützung und zum Aufbau von Erweiterungen und zusätzlichen Ressourcen
- Verfügt über die besten Funktionen wie Git, Terminal, WebView, Live Share
- Native Unterstützung für Git Collaboration, Open Directory einfache Verbindung zu Github und bis.
- Hat Emmet erweiterung, super schnelle HTML, CSS, und Javascript codierung
Nachteile
- Keine unterstützung für ältere programmierung version wie ASP.NET
- Debugging-Funktionen sind begrenzt
Bei so vielen verschiedenen Stacks und Technologien ist selbst die Wahl des Programmiereditors entmutigender und überwältigender geworden, lassen Sie mich Ihnen einen Tipp geben und sparen Sie sich etwas Zeit, es geht nicht nur um die Werkzeuge, im Sport geht es nicht darum, die besten Schuhe oder die teuersten Fußballschuhe zu haben, oder für Fotografen geht es nicht immer darum, wer die teuerste Kamera besitzt, die die schönste Aufnahme macht, am Ende des Tages ist es immer darüber, wer es benutzt, wie du es benutzt und ob du es überhaupt benutzt.
Ich war ein großer Fan von Sublime Text, ich begann mit der Webentwicklung mit Sublime, aber als VSCode auftauchte und das Herz eines jeden Entwicklers eroberte, nicht nur wegen seiner schönen Benutzeroberfläche, sondern auch wegen seiner Tausenden von Erweiterungen oder Tools, die das Codieren effizienter, einfacher und leistungsfähiger machen, zog es mich selbst an.
Die beliebteste und auch meine Empfehlung wäre VSCode, ich benutze es seit Jahren.
Hier ist ein Bonus für Visual Studio Code Setup und Tutorial, Viel Spaß!
Danke fürs Lesen! Fühlen Sie sich frei, meine anderen Blogs für weitere kostenlose Tutorials und Tools für alle Entwickler zu lesen! Genießen…