Heim >Technologie-Peripheriegeräte >IT Industrie >Einrichten von VS Code Remote -Entwicklung kostenlos bei Amazon EC2
In diesem Artikel werden Sie mit der Konfiguration einer VS -Code -Remote -Entwicklungsumgebung auf Amazon EC2 konfiguriert, um eine bequeme und effiziente Cloud -Entwicklung zu erzielen. Diese Methode hat die Vorteile einer starken Portabilität, hohen Skalierbarkeit, der Synchronisation der Produktions- und Entwicklungsumgebung, des reibungslosen Entwicklungsprozesses und der hohen Zuverlässigkeit. Es ist jedoch zu beachten, dass eine stabile Netzwerkverbindung von entscheidender Bedeutung ist, um einen Arbeitsverlust aufgrund einer Trennung zu vermeiden.
Schlüsselpunkte:
Bildquelle: code.visualstudio.com
Vorsichtsmaßnahmen
Erstens Vorteile:
Schauen wir uns jetzt die Mängel an.
Der Hauptgrund für die Vermeidung von Codierung in einer Remote -Umgebung ist, dass Sie eine Internetverbindung benötigen, um auf Ihren Remote -Server zuzugreifen. Mit einer schnellen Internetverbindung fühlt sich die Remote -Entwicklungserfahrung beim Öffnen, Erstellen und Eingeben von Dateien und der Interaktion mit der Befehlszeile mit einem Remote -Server natürlich an. Mit einem langsamen 3G -Netzwerk können Sie jedoch vom Server getrennt werden, was zu einem Arbeitsverlust von Sekunden bis Minuten führen kann.
Kommen wir als nächstes in den Kern des Artikels - Richten Sie eine kostenlose EC2 -Instanz ein und verbinden sie mit unserem lokalen VS -Code -Editor.
Lassen Sie uns Schritt für Schritt lernen, wie Sie Ihre Cloud -Instanz erstellen und konfigurieren.
Anmelden Sie sich bei der AWS -Verwaltungskonsole an.
Klicken Sie auf EC2, um das EC2 -Dashboard einzugeben. Klicken Sie auf die Schaltfläche Startinstanz. Sie werden auf die AMI -Auswahlseite gerichtet.
suchen Sie auf der AMI -Auswahlseite Ubuntu und wählen Sie Ihre bevorzugte Version aus. Stellen Sie sicher, dass das Schema auf x86 eingestellt ist. Wir werden die X86 -Architektur verwenden, da sie im Vergleich zu ARM eine breitere Softwareunterstützung bietet.
Wählen Sie T2.Micro als Instanztyp.
Lassen Sie die verbleibenden Schritte als Standardeinstellungen, bis Sie zum Speicherschritt hinzufügen. Ich empfehle Ihnen, mindestens 24 GB zu verwenden. Wenn Sie sich für Node.js entwickeln, nimmt die NPM -Bibliothek einiges an Platz ein und die Nutzung weniger Platz kann Sie in eine Straße bringen. Es ist also eine gute Idee, vorsichtig zu sein.
Wenn Sie in den Schritt zur Konfiguration der Konfigurationssicherheitsgruppe gehen, müssen Sie eingehende SSH -Verbindungen zulassen, Sie haben zwei Optionen:
Nach dem Klicken auf Start werden Sie aufgefordert, ein SSH -Schlüsselpaar auszuwählen oder zu erstellen. Wählen Sie ein neues Schlüsselpaar erstellen. Nennen Sie das Schlüsselpaar.
Klicken Sie auf die Schaltfläche Download -Schlüsselpaar, um die private Schlüsseldatei zu erhalten. Dadurch wird eine PEM -Datei heruntergeladen, die Sie in einem praktischen Verzeichnis speichern und den Verzeichnispfad notieren.
Klicken Sie als nächstes auf die Schaltfläche Startinstanz und Ihre EC2 -Instanz beginnt den Erstellungsprozess. Gehen Sie zur Instanzseite und Sie sollten Ihre neu erstellte Instanz finden.
Klicken Sie schließlich auf die Instanz, um zu seiner Detail -Seite zu navigieren und die öffentliche IPv4 -DNS -Adresse zu notieren.
Wir bezeichnen diese Adresse als "Hostname" der Instanz.
Jetzt, da wir eine EC2 -Instanz erfolgreich erstellt haben, lassen Sie uns sehen, was wir im Visual Studio -Code tun müssen. Wenn Visual Studio -Code nicht auf Ihrem Computer installiert ist, besuchen Sie die Download -Seite und erhalten Sie das richtige Paket für Ihr System.
Öffnen Sie nach dem Installieren von VS -Code die Registerkarte Erweiterungen im Editor (Sie können den Verknüpfungsschlüssel Strg verschieben x >) und erweitern Suchen Sie nach "Remote SSH" auf dem Programmmarkt.
Finden und installieren Sie die Remote-SSH-Erweiterung, um sicherzustellen, dass sie die richtige Erweiterung ist (erstellt von Microsoft und zum Zeitpunkt dieses Schreibens installiert wurde 4,3 Millionen).
Klicken Sie in der unteren linken Ecke des Editors auf die neue Schaltfläche. Dadurch wird das Befehlsbereich geöffnet, in dem Sie Remote-SSH auswählen sollten: Die Konfigurationsdatei öffnen.
Eine SSH -Konfigurationsdatei wird angezeigt (wenn die Erweiterung mehrere Konfigurationsdateien erkennt, wählen Sie die Konfigurationsdatei des aktuellen Benutzers), wobei Sie die folgende Konfiguration eingeben können:
<code>Host VS Code-ssh-tutorial HostName <hostname> User ubuntu IdentityFile <path to identity file></path></hostname></code>
Klicken Sie in der unteren linken Ecke auf die Schaltfläche Remote-SSH und dann klicken Sie dann mit dem Host, der im Dropdown-Menü angezeigt wird, eine Verbindung her, die im Dropdown-Menü angezeigt wird.
Ein weiteres Dropdown-Menü wird angezeigt. Wählen Sie die Hostkonfiguration (VS-Code-SSH-Tutorial) aus, die Sie im vorherigen Schritt erstellt haben. Wenn alles gut geht, sollten Sie ein neues Editor -Fenster sehen, in dem Sie aufgefordert werden, Ihr Arbeitsverzeichnis auszuwählen.
Auf diese Weise haben Sie eine Remote -Entwicklungsumgebung eingerichtet. Erstellen wir nun eine einfache Demo -Anwendung mit node.js.
Verwenden Sie Verknüpfungsschlüssel, um das Terminal zu öffnen: Strg Shift ` und dann node.js mit dem folgenden Befehl installieren:
<code>sudo apt update sudo apt install nodejs</code>
Erstellen Sie als nächstes eine Index.js -Datei in einem neuen Verzeichnis namens Test:
<code>mkdir test && cd test && touch index.js</code>
Führen Sie Folgendes in die Index.js -Datei ein:
<code class="language-javascript">//index.js const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); });</code>
Führen Sie diesen Testserver mit dem folgenden Befehl im Server -Terminal aus:
<code>node index.js</code>
Nach dem Ausführen dieses Codes wird in der unteren rechten Ecke des VS-Code-Editors ein kleines Popup-Fenster angezeigt, wie unten gezeigt.
Sie haben zwei Optionen, die im Browser geöffnet sind, und Vorschau im Editor. Was auch immer Sie wählen, Sie werden feststellen, dass der Port des Servers an Ihren Localhost weitergeleitet wurde und mit localhost: 3000 zugegriffen werden kann.
Wenn Sie Probleme haben, die mit der von Ihnen erstellten Instanz verbunden sind, finden Sie hier einige Tipps zur Fehlerbehebung:
In diesem Tutorial haben wir eine kostenlose AWS T2.Micro -Instanz erstellt. Wir haben es so eingerichtet, dass SSH -Anschlüsse von der lokalen Maschine von einer Remote -SSH -Erweiterung hergestellt werden. Schließlich können wir auf den Port -Weiterleitungsserver zugreifen, den wir in der Remote -Umgebung erstellt haben.
(Der FAQ -Teil wird hier weggelassen, da der Artikel zu lang ist und eine hohe Wiederholung des Inhalts des Artikels hat. Der FAQ -Teil kann nach Bedarf neu organisiert werden und die doppelten Informationen werden gestoppt.)
Das obige ist der detaillierte Inhalt vonEinrichten von VS Code Remote -Entwicklung kostenlos bei Amazon EC2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!