Erste Schritte mit Programmierung: So richte deine Entwicklungsumgebung zum Erfolg ein

1. KURSEINFÜHRUNG: Hey Leute, in diesem Kurs gehen wir darauf wie man seine eigene Entwicklungsumgebung einrichtet. Das mag zunächst einschüchternd klingen, aber es gibt nur ein paar wichtige Dinge, die Sie beachten sollten, um Sie zu einem praktischeren, effizienteren und effektiveren Entwickler zu machen . Wir sehen uns im Kurs. 2. Eine Übersicht über die Entwicklungsumgebung: Hallo Leute, Willkommen bei Effektiven Entwicklungsumgebungen. In diesem Kurs werde ich einen praktischen Leitfaden zum Einrichten Ihres eigenen PCs für eine effektive Entwicklung durchgehen Einrichten Ihres eigenen PCs . Ihre eigene Entwicklungsumgebung muss also nicht kompliziert sein. Es gibt viele Tutorials die besagen, dass Sie diese ganze Reihe von Dingen einrichten müssen , damit Sie mit dem Programmieren beginnen können. Das ist eigentlich nicht der Fall. Es gibt wirklich nur vier Schlüsselkomponenten Ihrer Entwicklungsumgebung. Ein effektives Terminal sowie eine Git-Installation. Get dient der Versionskontrolle und Sie interagieren normalerweise über das Terminal damit. Zweitens benötigen Sie einen einfachen Texteditor für unterwegs , um einfache Änderungen oder das schnelle Anzeigen von Dokumenten zu ermöglichen. Drittens befindet sich Ihre normale Codierungsumgebung für komplexere Projekte wahrscheinlich in einer IDE. Das steht also für Integrated Development Environment. Es gibt definitiv ein paar da draußen. Es hängt wirklich davon ab, was Sie als Entwickler bevorzugen, und wir werden einige Beispiele durchgehen, wenn wir zu diesen Folien kommen. Und schließlich benötigen Sie fallspezifische Installationen. Und ich wollte wirklich betonen, dass jede Installation, die in Ihrer lokalen Entwicklungsumgebung durchgeführt werden muss , wenn der Anwendungsfall auftaucht, darin besteht, Dinge wie Frameworks Sprachen auf Ihrem lokale Umgebung. 3. Optimierung des Terminals: Also lasst uns zum ersten Punkt springen, dem Terminal. Das Terminal ist ein bloßes Portal zu Ihrem Computer. Früher haben Sie früher wirklich nur über den Rücken interagiert , Sie haben wirklich nur über das Terminal mit Ihrem Computer interagiert . Aber jetzt, da es für fast alles eine grafische Oberfläche gibt , verwenden Sie Ihr Terminal nur für die Interaktion mit guten schnellen Navigationen zwischen Verzeichnissen oder schnell laufenden Skripten oder installationen. Die meisten Computer, wenn nicht alle, werden mit einem Standardterminal ausgeliefert. Diese funktionieren und sie erledigen die Arbeit, aber sie können oft sehr klobig und schwer zu handhaben sein. Ordnung, daher empfehle ich dringend , dass Sie Ihr Terminal entweder mit zusätzlichen Plugins oder mit Terminal-Alternativen aktualisieren . Dafür gibt es umfangreiche Online-Ressourcen. Finden Sie also etwas Neues und finden Sie eines, das für Sie funktioniert. Hier sind einige mögliche Optionen. Ab sofort wende ich mich für Mac oder Linux ist großartig. Sie können mit Plugins aussteigen , um Ihre normalen Arbeitsabläufe zu unterstützen. Warp ist das Terminal der nächsten Generation , das sich wie ein Texteditor anfühlt und derzeit nur für Mac verfügbar ist. Eine ähnliche App wie Warp ist Hyper und Hypo ist tatsächlich auf allen drei Plattformen verfügbar. Sie können das also ausprobieren, wenn Sie unter Linux oder Windows arbeiten. 4. Demo des Terminals: In dieser Demo werde ich das Standard-Mac-Terminal und Warp vergleichen , eine Terminal-Ersatz-App, die ich verwende. Dieser Kurs befasst sich nicht den Feinheiten der Verwendung des Terminals. Ich werde Ihnen nur zeigen, wofür Sie das Terminal als Entwickler normalerweise verwenden würden . In der Regel wird das Terminal verwendet, um schnell zwischen Verzeichnissen zu navigieren und für Git verwendet. Also werde ich das jetzt zeigen. Ich werde den Befehl cd verwenden um das aktuelle Verzeichnis zu ändern. Ich habe also einen Ordner auf meinem Desktop namens Programming, in meinem Desktop namens Programming dem ich alle meine Projekte aufbewahre. Also gehe ich hin und navigiere dort. Jetzt. Ich werde den Befehl git clone verwenden um eines meiner persönlichen Projekte zu klonen. Und Sie werden sehen, dass ich das Autocomplete-Plugin für habe, weshalb es andere mögliche Vervollständigungen als mein vorhandener Befehl vorgeschlagen hat. Ich werde weitermachen und das jetzt klonen. Sie werden das normalerweise sehen, wenn Sie Terminologie für einfache Workflows wie diesen verwenden , in einen bestimmten Ordner navigieren und klonen oder andere gute Operationen in Repositorys verwenden. Warp ist ein Terminalersatz der nächsten Generation , der sich wie ein moderner Texteditor anfühlt. Also z.B. genau die gleiche Operation ausführen, Desktop-Slash-Programm. Wenn ich jedoch festgestellt habe, dass ich einen Tippfehler gemacht habe, kann ich meinen Cursor benutzen und zurückgehen und den Text hier ändern. jedoch zum Terminal zurückkehren, werden Sie feststellen, dass es nicht funktioniert, wenn ich einen Tippfehler habe und versuche zu klicken . Ich muss die Pfeiltasten benutzen, um manuell zwischen den Charakteren zu navigieren. Und das kann sich klobig anfühlen. Manchmal. wieder an die Arbeit gehen, werden Sie sehen, dass ich einen typischen git clone-Befehl verwenden kann. Ich würde es einfach im Terminal tun. Und es fühlt sich sehr ähnlich an. Ich habe jedoch die Nettigkeit, z. B. meinen Cursor zu benutzen, um zwischen verschiedenen Charakteren zu springen. Insgesamt fühlt sich dies jedoch viel modernere Arbeit an und verfügt auch über integrierte Funktionen , die Sie normalerweise nicht auf Ihrem Terminal erhalten würden. Sie können z. B. mit Command und P nach einem Feature suchen. Sie können sogar den Verlauf durchsuchen, sogar natürliche Sprache verwenden. Und Warp hat KI, um den Befehl zu empfehlen , nach dem Sie suchen. Also z.B. wenn ich zu einem Ordner navigieren möchte und ich einfach danach suche, wirst du sehen, dass es den richtigen Befehl von CD an Ordner gibt . Und Sie können fortfahren und die Eingabetaste drücken, um die Eingabe vorzunehmen. Dieser Befehl. Works hat sogar die Vorstellung von Workflows, bei denen es sich gängige Codeblöcke innerhalb des von Ihnen verwendeten Terminals handelt. Also rufe ich z. B. mit der Tastenkombination Control Shift R die Registerkarte Workflows auf. Sie werden sehen, dass es gängige Workflows gibt die Sie sich bereits ansehen müssen. Jetzt werden Sie sehen, dass es ein riesiges Repository allgemein guten Befehlen gibt , die Sie direkt in Ihrem Terminal ausfüllen können . Diese Funktionen sind Nettigkeiten, die Sie normalerweise im Standardterminal nicht hätten. diesem Grund verwende ich täglich Warp und nicht das Standard-Mac-Terminal. 5. Optimiere deinen Texteditor: Als nächstes gehen wir in den Texteditor. Wie ich bereits erwähnt habe, verwenden Sie normalerweise eine IDE für Ihre Codierungs-Workflows. Ein einfacher Texteditor mit einigen Syntaxhervorhebungen ist jedoch sehr nützlich, um Code sehr schnell anzuzeigen und zu bearbeiten oder um Notizen zu machen, entweder wenn Sie reinen Text oder die Markdown-Sprache bevorzugen. Gängige Favoriten sind hier unsere Atom- und Mark-Texte. Und ich werde eine kurze Demo von Atom geben , weil ich das persönlich benutze. Ich persönlich verwende Markentext, wenn ich Markdown-Dokumente erstelle oder bearbeite. 6. Demo von beliebten Texteditoren: Ich verwende Adam, um Dateien schnell anzuzeigen und zu bearbeiten , wenn ich keine vollwertige IDE verwende. Also kann ich mit dem Befehl N eine neue Datei erstellen . Sie werden sehen, dass das wie ein normaler Texteditor anfühlt. Wenn ich es jedoch mit einer Python-Erweiterung speichere , um zB Punkt py zu testen. Sie werden sehen, dass ich tatsächlich Syntaxhervorhebung bekomme. Versuchen wir also, eine Funktion zu definieren. Also definiert es Test. Dies gibt Ihnen tatsächlich Syntaxferien, was bedeutet, dass es einfach ist, eine Datei im laufenden Betrieb zu öffnen und sie schnell zu bearbeiten, egal welche Sprache zehn ist. Lass uns das nochmal versuchen. Ich erstelle ein Markdown-Dokument. Und das wirst du wieder sehen. Das ist eine Überschrift. Es gibt mir also Syntaxhervorhebung für eine Überschrift, aber normaler Text wird auf eine ganz andere Weise hervorgehoben. Ich verwende Marked Down als bevorzugte Sprache für Notizen. Der Grund dafür ist, dass Sie Codeblöcke erhalten. Das zeigt z.B. an, dass es sich um einen TypeScript-Codeblock handelt. Und ich kann Code direkt in die Notizen selbst einfügen. Wenn ich jedoch Markdown-Dokumente bearbeite, bevorzuge ich die Verwendung einer anderen App namens Mark-Text. Und hier ist es. Das Tolle an Mark-Text ist , dass Sie Markdown-Code verwenden können. Also z.B. Kopfschmerzen. Aber es zeigt tatsächlich eine Vorschau darauf, wie die Überschriften aussehen sollten. Normaler Text sieht also ganz anders aus als eine Überschrift. Und wenn ich ihm eine noch größere Überschrift gebe, sieht es anders aus und ist leicht zu lesen, es ist einfach zu analysieren und es fällt mir leicht, reinzugehen und zu bearbeiten. Und das ist der Grund, warum ich Mark-Texte für Notizen anstelle von Atom wähle . 7. Die integrierte Entwicklungsumgebung (IDE): Um auf die Folien zurückzukommen: Der nächste Punkt ist eine integrierte Entwicklungsumgebung, bei der es sich um eine IDE handelt. Ide macht das Programmieren viel einfacher und schneller. Dies liegt daran , dass die meisten über integrierte Funktionen verfügen , die es einfach machen, Code zu visualisieren und Code zu umgehen. Also Dinge wie die automatische Vervollständigung von Code bei denen Ihre IDE tatsächlich wahrscheinliche Kandidaten für das vorschlägt , was Sie gerade eingeben. Dinge wie zum Beispiel zur Referenz springen. Nehmen wir an, Sie befinden sich in TypeScript und bewegen den Mauszeiger über einen Typ, Sie können tatsächlich direkt dorthin springen , wo dieser definiert ist. So können Sie sehr, sehr schnell zwischen und innerhalb von Projekten springen . Und das erleichtert das Programmieren erheblich. Ides unterstützen auch das Debuggen, also Dinge wie das Einrichten eines Breakpoints und Pausieren der Ausführung an diesem Haltepunkt sowie Dinge wie das Ausführen Komponententests oder sogar das Ausführen von Integrationstests. Einige IDEs sind sprachspezifisch. So hat z.B. JetBrains PyCharm, das exklusiv für Python ist. Es wurde für die Python-Entwicklung entwickelt und verfügt über die Tools , mit denen Sie ein schnelleres Python-Programm werden. Viele IDEs sind jedoch sprachunabhängig, was bedeutet, dass sie mehrere Sprachen unterstützen . Das ist so etwas wie VS Code oder intelligent, ultimativ. Und gängige Favoriten hier sind die JetBrains, Süße. Dies sind kostenpflichtige Produkte. Wenn Sie also etwas Fortgeschritteneres wollen , hilft Ihnen das auf Anhieb ein bisschen mehr . Die JetBrains-Suite eignet sich hervorragend dafür. Wenn Sie jedoch etwas kostenloses möchten, ist VS Code eine gängige Alternative, die die Mehrheit der Entwickler inzwischen übernommen hat. 8. Demo der IDE: Dies ist eine kurze Demo einer integrierten Entwicklungsumgebung oder IDE. Diese spezielle IDE heißt WebStorm und ist meine bevorzugte IDE für TypeScript-, JavaScript - oder React-Projekte. Sie werden sehen, dass dies ganz anders aussieht als Atom, dem grundlegenden Texteditor , den wir zuvor verwendet haben. Dies hat viel mehr Funktionen, viel mehr Symbole, Schaltflächen und Tabs, auf die Sie zugreifen können. Und sie sind alle da. dem Zweck, Ihnen zu helfen, Code schneller zu schreiben. Sie werden sehen, dass ich beim sofortigen Öffnen dieses Beispiels aufgefordert werde, alle Abhängigkeiten zu installieren. Also kann ich einfach darauf klicken anstatt einen anderen Befehl auszuführen. Sie werden sehen, dass ich den gesamten Verzeichnisbaum hier leicht einsehbar habe. Ich habe sogar Zugriff auf Dinge wie get, wo es mir eine sehr grafische Oberfläche gibt. Oder Dinge wie die Verwaltung von Aufgaben in der gesamten Codebasis. Gehe in diese Datei namens package.json. Sie werden sehen, dass ich gängige Run - und Build-Skripte ausführen kann, damit ich start ausführen kann. Und diese Aufgabe wird direkt in der ID ausgeführt. Und Sie werden sehen, dass ich hier tatsächlich einen Fehler habe, aber das können wir ignorieren, weil ich das Projekt noch nicht eingerichtet habe. jetzt in die Codebearbeitung selbst gehe, zB wenn ich eine Datei öffne, wirst du sehen, dass ich eine nette Syntaxhervorhebung bekomme. Aber auch wenn ich den Befehl gedrückt halte, kann ich tatsächlich zu diesen Deklarationen springen. Ich sehe also die nächsten API-Anfragen und sehe , dass sie von woanders importiert werden. Ich kann tatsächlich weitermachen und direkt dorthin springen, wo es definiert ist. Dadurch kann ich sehr einfach zwischen Code aus verschiedenen Dateien wechseln , was mich zu einem wellenschnelleren Entwickler macht, weil ich schneller auf Informationen zugreifen kann. Sie werden sehen, dass ich, wenn ich zu einer der Dateien zurückkehre, z. B. wenn ich etwas debuggen würde , auch einen Breakpoint erstellen kann, indem ich einfach auf die Ausrichtung für diese kleinen Funktionen klicke und Nettigkeiten sind alles Gründe, warum ich mich für eine IDE und nicht für einen einfachen Texteditor für die gemeinsame Entwicklung entscheide. 9. Schlussbemerkungen zum Kurs: Nun, weiter zum letzten Punkt, anderen Installationen und dem Schlüsselpunkt hier, wie ich ganz am Anfang erwähnt habe, ist nur das installiert, was Sie brauchen und nichts weiter. Nehmen wir an, Sie gehen in ein TypeScript- oder JavaScript-Projekt um es zu beenden, Sie benötigen NodeJS. In diesem Fall installieren Sie NodeJS, wenn Sie es brauchen, aber Sie müssen nicht Python Node, Go Lang und jede andere Sprache installieren Go Lang und jede andere Sprache wenn Sie sie im Moment nicht treffen, das macht es nicht nur einfacher für Sie, Ihre lokale Entwicklungsumgebung hochzufahren, spart aber auch Speicherplatz auf Ihrem Computer. Das war also eine kurze Tour darüber, wie Sie Ihren lokalen Computer für eine effektive Entwicklung einrichten . Danke. Viel Glück beim Einrichten des eigenen Computers. Lass mich wissen, was du dir ausgedacht hast. Welche Plugins haben Sie für Ihr lokales Terminal installiert? Oder vielleicht verwenden Sie eine andere App anstelle des Terminals selbst. Was ist Ihr bevorzugter Texteditor? Hast du etwas Spezielles für Markdown oder benutzt du z.B. Adam für alles. Was ist Ihre bevorzugte IDE und für welche Sprache verwenden Sie sie? Und welche anderen Installationen mussten Sie für Ihren eigenen Entwicklungs-Workflow ausführen? Oder gibt es welche, von denen Sie glauben, dass sie integraler Bestandteil jeder Entwicklungsumgebung sind?