So richten Sie eine integrierte Entwicklungsumgebung (IDE) ein

Wenn Sie von Online-Tutorials zum Erstellen eigener Projekte übergehen, werden Sie möglicherweise von der Idee überwältigt, eine eigene integrierte Entwicklungsumgebung (IDE) einzurichten, oder Sie fragen sich, warum Sie überhaupt eine benötigen, um Ihre Arbeit zu erledigen.

In diesem Artikel werde ich erläutern, was eine IDE ist, und Ihnen einige Ideen geben, wie Ihre aussehen könnte, insbesondere wenn Sie in JavaScript arbeiten, obwohl die Informationen unabhängig von Sprache oder Projekttyp anwendbar sind.

Hier ist eine Videoversion dieses Beitrags, wenn Sie es vorziehen (28 Minuten):

Was ist eine integrierte Entwicklungsumgebung?

Eine integrierte Entwicklungsumgebung ist einfach alles, was ein Programmierer benötigt, um seine Arbeit zu erledigen. Der tatsächliche Aufbau einer IDE variiert zwischen Programmiersprachen, Projekttypen und sogar zwischen Programmierern, aber es gibt einige Dinge, die bei vielen IDEs üblich sind, auf die ich weiter unten eingehen werde.

Der einfachste Weg, eine IDE zu verstehen, besteht darin, eine "All-in-One" -Lösung wie Unity in Betracht zu ziehen. Als voll funktionsfähige Spiel-Engine bietet Unity alles, was Sie zum Erstellen eines 2D- oder 3D-Spiels benötigen: eine grafische Benutzeroberfläche, mit der Sie Ihre Spielwelt erstellen können, einen Code-Editor (Visual Studio), in den Sie Skripte schreiben können Laden Sie Abhängigkeiten und Assets und sogar die GitHub-Integration herunter, damit Sie die Build-Versionen verfolgen und an Projekten zusammenarbeiten können. Für kleinere Projekte kann Unity als voll funktionsfähige integrierte Entwicklungsumgebung betrachtet werden, in der nach dem Herunterladen der Spiel-Engine bereits alles für Sie eingerichtet ist.

Die Komplexität anderer IDEs kann sehr unterschiedlich sein, insbesondere wenn Sie aus einem Online-Lernprogramm stammen, mit dem Sie direkt im Browser codieren können. Einer meiner Probleme mit allgemeinen Antworten auf die Frage: "Welche Programmiersprache soll ich lernen?" ist die Vorstellung, dass das Erlernen von JavaScript einfacher ist, weil "es nur in Ihrem Browser ausgeführt wird".

Teilen Sie dies jedem mit, der versucht hat, eine IDE für die Create React-App einzurichten, für deren Inbetriebnahme mehrere Komponenten erforderlich sind. Keine davon ist offensichtlich, wenn Sie Online-Tutorials durcharbeiten. Um tatsächlich als Entwickler arbeiten zu können, benötigen Sie vier wichtige Dinge, um Ihre integrierte Entwicklungsumgebung einzurichten: einen Code-Editor, eine Befehlszeilenschnittstelle (CLI), ein Versionskontrollsystem und einen Paketmanager.

Wichtige Einschränkung: Ihre IDE kann je nach Programmiersprache oder Projekttyp stark variieren, aber Sie benötigen wahrscheinlich auf jeden Fall eine oder mehrere der folgenden Optionen!

IDE-Tool Nr. 1: Code-Editor (und Compiler)

Mit einer ganzen Reihe von Online-Tutorials können Sie nur im Browser codieren. Dies ist ideal, um grundlegende Programmierkonzepte zu verstehen. Auf lange Sicht benötigen Sie jedoch einen Editor, mit dem Sie Ihren Code speichern (und gegebenenfalls kompilieren) können verwenden eine Sprache wie C # oder C ++).

Es gibt viele Code-Editoren wie Atom (leichtgewichtig, kostenlos und Open Source), Sublime (sehr beliebt bei unzähligen Integrationen) und Visual Studio / Visual Studio Code (von Microsoft unterstützt und wunderbar zu bearbeiten). . Es wäre reduzierend zu sagen, dass sie "alle dasselbe" sind, da jeder einen anderen Ansatz zur Unterstützung Ihres Codierungsworkflows bietet. Sie können also einen oder zwei ausprobieren, bevor Sie entscheiden, welcher Ihnen am besten gefällt.

IDE-Tool Nr. 2: Befehlszeilenschnittstelle (CLI)

Wenn Sie einen Computer haben, haben Sie zweifellos Ihren Datei-Explorer oder eine andere Navigations-GUI verwendet, um auf das Dateisystem zuzugreifen, Ordner zu erstellen, Dateien zu löschen usw.

Über die Befehlszeilenschnittstelle (CLI) können Sie dasselbe tun ... im Klartext. Das mag auf den ersten Blick sehr archaisch oder ärgerlich erscheinen, aber sobald Sie sich mit der Verkettung von Befehlen und der Integration in Ihren Workflow befasst haben, werden Sie feststellen, wie leistungsfähig die CLI ist und wie wichtig sie für die meisten Entwicklungsumgebungen ist.

Auf einem Mac verwenden Sie möglicherweise das Terminal. Da ich GitHub für Windows (mehr zu GitHub weiter unten) auf meinem Computer installiert habe, verwende ich Git Bash für meine Arbeit. Hier gibt es mehrere Optionen für Sie. Es kann hilfreich sein, einige Befehlszeilen-Tutorials zu lesen, um einige der Grundprinzipien zu verstehen, damit Sie sich in Ihrer IDE wohl fühlen.

IDE Tool # 3: Versionskontrollsystem

Es gibt verschiedene Ressourcen, die einen Überblick darüber geben, was Versionskontrolle ist und warum Sie sie verwenden sollten. Es genügt zu sagen, dass Sie beim Erstellen eines anderen Projekts als eines einfachen Projekts eine Möglichkeit benötigen, Ihre Arbeit zu sichern, Ihren Code für Mitarbeiter freizugeben und die verschiedenen Build-Versionen im Auge zu behalten, damit Sie mit Teilen herumspielen können der Codebasis und nicht andere.

GitHub ist nicht das einzige Versionskontrollsystem auf dem Markt, aber es ist derzeit der Goldstandard. Es lohnt sich, ein paar Tutorials nachzuschlagen, um zu erfahren, wie Sie die Funktionen nutzen können, auch wenn Sie nur Wind spielen Verwenden Sie es als Remote-Backup-Methode.

Obwohl es mehrere Addons gibt, mit denen GitHub direkt in Ihren Code-Editor (oder Ihre Game-Engine) integriert werden kann, ist die Standardpraxis für Git-bezogene Aufgaben die Verwendung der Befehlszeilenschnittstelle. Dies ist ein weiterer Grund, sich mit der CLI Ihrer Wahl vertraut zu machen .

IDE-Tool Nr. 4: Paketmanager

Bei einigen IDEs, wie in unserem obigen Unity-Beispiel, müssen Sie lediglich Software herunterladen und installieren, um mit dem Erstellen Ihrer Projekte zu beginnen. Die meisten Abhängigkeiten, die Sie benötigen, werden bei Ihrem ersten Download berücksichtigt. Wenn nicht, können Sie über die Game Engine (z. B. Unitys Asset Store) darauf zugreifen.

Für andere IDEs, bei denen Sie mehr Ihre eigenen Abenteuer auswählen können, müssen Sie die Dinge selbst zusammensetzen, und eine der wesentlichen Komponenten wird ein Paketmanager wie NPM oder Conda sein.

Paketmanager erledigen eine Menge Dinge und helfen Ihnen bei ihren grundlegendsten Funktionen dabei, alle Abhängigkeiten zu installieren, die Sie für Ihre Arbeit benötigen. Wenn Sie beispielsweise mit einem React-Projekt beginnen möchten, navigieren Sie über Ihre CLI zu einem Ordner und geben nach der Installation von NPM (das im Lieferumfang von Node.js enthalten ist) Folgendes ein:

npx create-react-app my-app cd my-app npm start

In der ersten Zeile steht im Grunde: "Hey, NPM! Laden Sie alle Abhängigkeiten für Create React App herunter und legen Sie sie in einem Ordner namens 'my-app' ab."

In der zweiten Zeile wird dann Ihrer CLI mitgeteilt: "Navigieren Sie zu dem neuen Verzeichnis mit dem Namen 'my-app'."

In der dritten Zeile wird die Aktion gestartet: "NPM, ich bin es wieder. Starten Sie einen Entwicklungsserver, der mein Projekt in einem Browser anzeigt und es aktualisiert, wenn ich Änderungen am Code vornehme."

Sobald Sie alle erforderlichen Abhängigkeiten mit Ihrem Paketmanager installiert haben, beginnen Sie mit der Arbeit in Ihrem Code-Editor und verwenden die Befehlszeilenschnittstelle, um mithilfe Ihres Versionskontrollsystems Pull-Anforderungen oder Push-Code an ein Remote-Repository zu senden.

Zusammenfassend umfasst eine integrierte Entwicklungsumgebung alle Dinge, die Sie für Ihre Arbeit benötigen, und hängt von der Sprache, dem Projekttyp und Ihren persönlichen Vorlieben ab. Normalerweise enthalten IDEs einen Code-Editor (und einen Compiler), eine Befehlszeilenschnittstelle, ein Versionskontrollsystem und einen Paketmanager. Ihre integrierte Entwicklungsumgebung kann jedoch andere Anforderungen oder eine Kombination davon haben.

Du kannst es schaffen!

Wenn Ihnen dieser Artikel gefallen hat, lesen Sie bitte meine Spiele und Bücher, abonnieren Sie meinen YouTube-Kanal oder treten Sie dem Entromancy Discord bei.

MS Farzan, Ph.D. hat für bekannte Videospielunternehmen und redaktionelle Websites wie Electronic Arts, Perfect World Entertainment, Modus Games und MMORPG.com geschrieben und gearbeitet und war Community Manager für Spiele wie Dungeons & Dragons Neverwinter und Mass Effect: Andromeda . Er ist Creative Director und Lead Game Designer von Entromancy: A Cyberpunk Fantasy RPG und Autor der Nightpath Trilogy . Finden Sie MS Farzan auf Twitter @sominator.