Ruby on Rails dans les espaces de codes Visual Studio

VSCoder, qui a récemment lancé Rails, a rencontré les problèmes suivants.

• VS Coder: utilisateur de Visual Studio Code

• ** La construction de l'environnement est gênante **

Par conséquent, j'utilisais Cloud9 d'AWS, mais cette fois j'ai les problèmes suivants

• ** L'éditeur sur le navigateur est difficile à utiliser et semble étrange **
• ** Je souhaite utiliser VSCode **

J'ai donc commencé à travailler sur les ** espaces de codes Visual Studio ** chauds et j'ai changé ma vie.

Qu'est-ce que les espaces de codes Visual Studio?

En un mot, c'est un ** environnement de développement sur le cloud **. Citant le Site officiel, il présente les fonctionnalités suivantes.

• ** Un éditeur basé sur un navigateur avec un référentiel Git, des extensions et une interface de ligne de commande intégrée **
• ** Vous pouvez modifier, exécuter et déboguer votre application à partir de n'importe quel appareil **

De plus, la plus grande fonctionnalité pour moi est

• ** Peut également être développé avec VSCode, une application de bureau **

à propos de ça. Bien sûr, vous pouvez également ajouter des extensions.

Créer un espace de code

1. Créez un compte Azure](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 )Faire.
2. À partir du site des espaces de codes Visual Studio (https://online.visualstudio.com/login), connectez-vous avec votre compte Azure.
3. Créez avec Create Codespace. Si vous spécifiez uniquement le nom de l'espace de code, je pense que la valeur par défaut est suffisante. Si vous disposez d'un référentiel existant, il sera automatiquement cloné si vous le spécifiez dans le référentiel Git. (J'ai essayé de l'appeler Railspace avec Rails + Space)

VSCode apparaîtra sur votre navigateur! !! !!

Vous pouvez également utiliser le terminal. L'espace de travail est créé par un utilisateur nommé vsonline.

Python est inclus par défaut.

Ouvrir avec VSCode dans l'application de bureau

1. Installez Visual Studio Code
2. Installez les espaces de codes Visual Studio avec extensions dans la barre d'outils sur le côté gauche de la fenêtre
3. Une icône de l'Explorateur distant apparaît, à partir de laquelle vous pouvez vous connecter au même compte que vous avez créé précédemment.
4. L'espace de code que vous avez créé précédemment appelé Railspace s'affiche. Cliquez sur la marque de prise pour vous connecter.

C'est le VScode habituel! !!

Créer un environnement pour Ruby on Rails

Cloud9 a un environnement Ruby et Rails par défaut, mais malheureusement pas dans les espaces de codes Visual Studio ... Quoi qu'il en soit, je changerai la version même dans Cloud9. Tout ce qui suit est effectué dans le terminal VSCode de l'application de bureau connectée à Codespace. Puisque les Espaces de codes utilisent un environnement Linux, c'est fondamentalement la même chose que la construction d'un environnement sur Linux ordinaire.

Installez rbenv

Reportez-vous au README de ici qui est également recommandé sur site Web officiel de Ruby. Je vais l'installer dans. rbenv vous permet de gérer plusieurs versions de Ruby.

Tout d'abord, clonez le référentiel, ajoutez-le au chemin et configurez-le.

$ 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

Après cela, vous devez redémarrer le terminal, alors appuyez sur le bouton + ** pour ouvrir un nouveau terminal **. Vous pouvez le vérifier en tapant la commande suivante, mais rbenv install est introuvable.

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

Suivez le lien donné et la solution est ci-dessous.

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

Si vous le vérifiez à nouveau, cette fois, il devrait fonctionner.

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

Ceci termine rbenv. J'étais dans les montagnes ici.

Installez Ruby and Rails

Vous pouvez voir les principales versions de Ruby. Si vous voulez tout voir, vous pouvez le faire avec $ rbenv install --list-all.

$ rbenv install --list

Après cela, vous pouvez installer votre version préférée avec $ rbenv install [numéro de version].

$ rbenv install 2.7.1

Après l'installation, spécifiez la version de Ruby à utiliser avec la commande suivante.

$ rbenv global 2.7.1

Vous avez installé avec succès Ruby!

Ensuite, installez Rails.

$ gem install rails

Vous avez installé Rails!

Créer des applications et accéder aux hôtes locaux

Après cela, vous pouvez vous développer comme s'il s'agissait d'un environnement local. ** Vous pouvez également utiliser un hôte local **.

$ rails new SampleApp

Après avoir créé une application Rails avec

$ rails s

Démarrez le serveur avec.

Cliquez sur Remote Explorer> Forward Port ..., tapez 3000 et appuyez sur Entrée pour vous connecter à localhost: 3000, comme indiqué dans l'image ci-dessous.

Lorsque vous accédez à http: // localhost: 3000 / avec votre navigateur ...

c'est tout. Quant à Rails, ça fait deux mois que j'ai commencé, donc il y a peut-être des points que je ne peux pas atteindre. Nous attendons vos corrections et commentaires avec impatience.