[RUBY] Comment afficher un aperçu du navigateur avec VS Code

environnement

macOS Catalina version: 10.15.7 (19H2)

introduction

Je fais actuellement la 6ème édition du tutoriel Ruby on Rails! Nous avons créé un environnement Ruby on Rails localement pour ce didacticiel et utilisons VS Code. Même avec VS Code, je l'ai configuré s'il y avait un "aperçu du navigateur" comme Cloud 9 (AWS)!

Comment mettre un aperçu du navigateur

"Installer" à partir de la page suivante https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview

Référence: https://coliss.com/articles/build-websites/operation/work/browser-preview-for-vscode.html

Afficher l'aperçu du navigateur avec VS Code

Affichage de l'aperçu à partir du bouton d'aperçu du navigateur. BrowserPreview.png

Pour le moment, si vous êtes une personne qui n'a jamais affiché d'aperçu localement, vous risquez d'être perdu. * C'est la raison principale pour laquelle j'ai pensé que cet article avait été traité.

image.png

  1. Commencez par démarrer le serveur Rails avec des "rails s"
  2. Entrez "http: // localhost: 3000 // " dans la partie ci-jointe et exécutez Exemple de chemin: http: // localhost: 3000 // static_pages / home

Vous devriez maintenant pouvoir voir l'aperçu du navigateur! Essayez d'être conscient du répertoire actuel lors de l'exécution!

J'espère que cet article aide quelqu'un! Si quelqu'un dit "Cela a été utile!", Je veux que vous appuyiez sur LGTM!

Recommended Posts

Comment afficher un aperçu du navigateur avec VS Code
Comment afficher une page Web en Java
Comment sélectionner une date spécifiée par code dans le calendrier FS
Comment afficher des graphiques dans Ruby on Rails (LazyHighChart)
Comment ouvrir un fichier de script à partir d'Ubuntu avec du code VS
Comment publier une bibliothèque dans jCenter
Comment afficher les messages d'erreur en japonais
Comment colorer la sortie de la console de code dans Eclipse
Exécuter un projet Spring Boot avec VS Code
Code pour échapper aux chaînes JSON en Java
Comment exécuter une tâche djUnit dans Ant
Comment créer un thème dans Liferay 7 / DXP
Comment implémenter une fonctionnalité similaire dans Rails
Comment créer facilement un pull-down avec des rails
Créer un extrait pour Thymeleaf dans VS Code
Comment générer automatiquement un constructeur dans Eclipse
Comment afficher les caractères saisis dans Spring Boot sur le navigateur et les liens de référence [Introduction à Spring Boot / Pour les débutants]
Comment implémenter UICollectionView avec du code uniquement dans Swift
Comment effacer toutes les données d'une table particulière
Comment créer un environnement Java en seulement 3 secondes
Comment régler l'heure d'affichage sur l'heure japonaise dans les rails
Comment implémenter une fonctionnalité intéressante dans Ajax avec Rails
Comment créer un projet Spring Boot dans IntelliJ
Comment créer un URI de données (base64) en Java
Comment lancer une autre commande dans un programme Ruby
[Comment insérer une vidéo dans un hameau avec Rails]
Comment écrire une recherche de comparaison de dates dans Rails
Comment se moquer d'un appel de super méthode dans PowerMock
Comment convertir A en A et A en A en utilisant le produit logique et la somme en Java
Comment créer un environnement de développement Java avec VS Code
Comment convertir un fichier en tableau d'octets en Java
[Rails 6] Comment définir une image d'arrière-plan dans Rails [CSS]
[Rails] Comment charger JavaScript dans une vue spécifique
Comment écrire un mod de base dans Minecraft Forge 1.15.2
[Rails] Comment afficher les images dans la vue
[Mémo de travail de l'application personnelle] Comment afficher un graphique à barres et un graphique linéaire dans un graphique
Créez une clé privée / clé publique dans CentOS8.2 et connectez-vous à SSH avec VS Code
Comment laisser un commentaire
[Java] Comment afficher les Wingdings
Créez un plugin VSCode.
Comment insérer une vidéo
Comment créer une méthode
Comment déployer des conteneurs distants VSCode dans un projet docker-compose qui comprend à la fois l'API et l'application frontale
Comment spécifier le code de caractère et le code de saut de ligne avec JAXB
Comment changer une chaîne dans un tableau en un nombre dans Ruby
Comment créer une partie d'espace réservé à utiliser dans la clause IN
Comment définir le code de caractère et le code de saut de ligne dans Eclipse
Comment stocker des chaînes de ArrayList à String en Java (personnel)
Comment ajouter les mêmes index dans un tableau imbriqué
Comment implémenter l'affichage sur une seule ligne de TextView dans le développement Android
Mappage à une classe avec un objet de valeur dans How to My Batis
Comment développer et enregistrer une application Sota en Java
Comment simuler le téléchargement de formulaires post-objet vers OSS en Java
Un mémo pour démarrer la programmation Java avec VS Code (version 2020-04)
Comment créer un portlet de générateur de services dans Liferay 7 / DXP
Comment configurer un proxy avec authentification dans Feign