Ruby on Rails in Visual Studio-Codespaces

VSCoder, der kürzlich Rails gestartet hat, hatte die folgenden Probleme.

• VS Coder: Visual Studio Code-Benutzer

• ** Umweltbau ist mühsam **

Daher habe ich Cloud9 von AWS verwendet, aber diesmal habe ich die folgenden Probleme

• ** Der Editor im Browser ist schwer zu bedienen und fühlt sich seltsam an **
• ** Ich möchte VSCode verwenden **

Also fing ich an, an den heißen ** Visual Studio Codespaces ** zu arbeiten und veränderte mein Leben.

Was sind Visual Studio-Codespaces?

Kurz gesagt, es ist eine ** Entwicklungsumgebung in der Cloud **. Ausgehend von der offiziellen Website bietet es die folgenden Funktionen.

• ** Ein browserbasierter Editor mit einem Git-Repository, Erweiterungen und einer integrierten Befehlszeilenschnittstelle **
• ** Sie können Ihre Anwendung von jedem Gerät aus bearbeiten, ausführen und debuggen **

Das größte Feature für mich ist auch

• ** Kann auch mit VSCode, einer Desktop-App, entwickelt werden **

darüber. Natürlich können Sie auch Erweiterungen hinzufügen.

Erstellen Sie einen Codespace

1. Erstellen Sie ein Azure-Konto](https://azure.microsoft.com/ja-jp/free/search/?&ef_id=Cj0KCQjwzZj2BRDVARIsABs3l9IMr4llG0Jxw53BUj3ngy-OwIMUAJgZHxDpW8TkbLUGQ4bm3ZuebD8aAsLoEALw_wcB:G:s&OCID=AID2000091_SEM_Cj0KCQjwzZj2BRDVARIsABs3l9IMr4llG0Jxw53BUj3ngy-OwIMUAJgZHxDpW8TkbLUGQ4bm3ZuebD8aAsLoEALw_wcB:G:s&dclid=CjkKEQjwzZj2BRCKt63v_ar76r4BEiQACDUd5IvbbMP4-En8oyxn2NpgN2wOT5HpaBrPp0hvh4B4YRHw_wcB )Machen.
2. Melden Sie sich auf der Visual Studio Codespaces-Website (https://online.visualstudio.com/login) mit Ihrem Azure-Konto an.
3. Erstellen Sie mit Create Codespace. Wenn Sie nur den Codespace-Namen angeben, reicht meiner Meinung nach die Standardeinstellung aus. Wenn Sie über ein vorhandenes Repository verfügen, wird es automatisch geklont, wenn Sie es im Git-Repository angeben. (Ich habe versucht, es Railspace mit Rails + Space zu nennen)

VSCode erscheint in Ihrem Browser! !! !!

Sie können auch das Terminal verwenden. Der Arbeitsbereich wird von einem Benutzer namens vsonline erstellt.

Python ist standardmäßig enthalten.

Öffnen Sie mit VSCode in der Desktop-App

1. Installieren Sie Visual Studio Code
2. Installieren Sie Visual Studio-Codespaces mit Erweiterungen in der Symbolleiste auf der linken Seite des Fensters
3. Ein Remote Explorer-Symbol wird erstellt. Melden Sie sich von dort aus bei demselben Konto an, das Sie zuvor erstellt haben.
4. Der zuvor erstellte Codespace mit dem Namen Railspace wird angezeigt. Klicken Sie auf die Ausgangsmarkierung, um eine Verbindung herzustellen.

Dies ist der übliche VScode! !!

Erstellen einer Umgebung für Ruby on Rails

Cloud9 verfügt standardmäßig über eine Ruby and Rails-Umgebung, jedoch leider nicht in Visual Studio-Codespaces ... Wie auch immer, ich werde die Version auch in Cloud9 ändern. Alle folgenden Schritte werden im VSCode-Terminal der mit Codespace verbundenen Desktop-App ausgeführt. Da Codespaces eine Linux-Umgebung verwendet, entspricht dies im Wesentlichen dem Erstellen einer Umgebung unter normalem Linux.

Installieren Sie rbenv

Weitere Informationen finden Sie in der README-Datei von hier, die auch auf der offiziellen Ruby-Website empfohlen wird. Ich werde es installieren. Mit rbenv können Sie mehrere Versionen von Ruby verwalten.

Klonen Sie zunächst das Repository, fügen Sie es dem Pfad hinzu und richten Sie es ein.

$ git clone https://github.com/rbenv/rbenv.git ~/.rbenv
$ echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc
$ echo 'export PATH="$HOME/.rbenv/shims:$PATH"' >> ~/.bashrc
$ ~/.rbenv/bin/rbenv init

Danach müssen Sie das Terminal neu starten. Drücken Sie daher die Taste + **, um ein neues Terminal ** zu öffnen. Sie können dies überprüfen, indem Sie den folgenden Befehl eingeben. Die Installation von rbenv wurde jedoch nicht gefunden.

$ curl -fsSL https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-doctor | bash

Folgen Sie dem angegebenen Link und die Lösung ist unten.

$ mkdir -p "$(rbenv root)"/plugins
$ git clone https://github.com/rbenv/ruby-build.git "$(rbenv root)"/plugins/ruby-build

Wenn Sie es erneut überprüfen, sollte es diesmal funktionieren.

$ curl -fsSL https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-doctor | bash

Damit ist rbenv abgeschlossen. Ich war hier in den Bergen.

Installieren Sie Ruby and Rails

Sie können die wichtigsten Ruby-Versionen sehen. Wenn Sie alles sehen möchten, können Sie dies mit $ rbenv install --list-all tun.

$ rbenv install --list

Danach können Sie Ihre Lieblingsversion mit $ rbenv install [Versionsnummer] installieren.

$ rbenv install 2.7.1

Geben Sie nach der Installation mit dem folgenden Befehl an, welche Ruby-Version verwendet werden soll.

$ rbenv global 2.7.1

Sie haben Ruby erfolgreich installiert!

Installieren Sie dann Rails.

$ gem install rails

Sie haben Rails installiert!

Apps erstellen und auf lokale Hosts zugreifen

Danach können Sie sich so entwickeln, als wäre es eine lokale Umgebung. ** Sie können auch einen lokalen Host verwenden **.

$ rails new SampleApp

Nach dem Erstellen einer Rails-App mit

$ rails s

Starten Sie den Server mit.

Klicken Sie auf "Remote Explorer> Forward Port ...", geben Sie "3000" ein und drücken Sie die Eingabetaste, um eine Verbindung zu "localhost: 3000" herzustellen (siehe Abbildung unten).

Wenn Sie mit Ihrem Browser auf "http: // localhost: 3000 /" zugreifen ...

das ist alles. Was Rails betrifft, ist es zwei Monate her, seit ich angefangen habe, daher kann es einige Punkte geben, die ich nicht erreichen kann. Wir freuen uns auf Ihre Korrekturen und Kommentare.