[RUBY] So zeigen Sie eine Browser-Vorschau mit VS-Code an

Umgebung

macOS Catalina version: 10.15.7 (19H2)

Einführung

Ich mache gerade die 6. Ausgabe des Ruby on Rails-Tutorials! Wir haben für dieses Tutorial lokal eine Ruby on Rails-Umgebung erstellt und verwenden VS-Code. Ich habe es mit VS Code eingerichtet, in der Hoffnung, dass es eine "Browser-Vorschau" wie Cloud9 (AWS) geben würde!

So setzen Sie eine Browser-Vorschau

"Installieren" von der folgenden Seite https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview

Referenz: https://coliss.com/articles/build-websites/operation/work/browser-preview-for-vscode.html

Browser-Vorschau mit VS-Code anzeigen

Vorschau-Anzeige über die Browser-Vorschau-Schaltfläche.

Wenn Sie zu diesem Zeitpunkt eine Person sind, die noch nie eine Vorschau lokal angezeigt hat, sind Sie möglicherweise ratlos. * Dies ist der Hauptgrund, warum ich dachte, dass dieser Artikel verarbeitet wurde.

Starten Sie zuerst den Rails-Server mit "Rails s".
Geben Sie im beigefügten Teil "http: // localhost: 3000 // <Pfad der Seite, die Sie anzeigen möchten>" ein und führen Sie ihn aus Pfadbeispiel: http: // localhost: 3000 // static_pages / home

Sie sollten jetzt die Browser-Vorschau sehen können! Achten Sie bei der Ausführung auf das aktuelle Verzeichnis!

Ich hoffe dieser Artikel hilft jemandem! Wenn jemand sagt "Es war hilfreich!", Soll ich Sie auf LGTM drücken!

Recommended Posts

So zeigen Sie eine Browser-Vorschau mit VS-Code an

So zeigen Sie eine Webseite in Java an

So wählen Sie ein bestimmtes Datum anhand des Codes im FS-Kalender aus

So zeigen Sie Diagramme in Ruby on Rails an (LazyHighChart)

So öffnen Sie eine Skriptdatei von Ubuntu mit VS-Code

So veröffentlichen Sie eine Bibliothek in jCenter

So zeigen Sie Fehlermeldungen auf Japanisch an

Farbcodierung der Konsolenausgabe in Eclipse

Führen Sie ein Spring Boot-Projekt mit VS-Code aus

Code zum Escapezeichen von JSON-Zeichenfolgen in Java

So führen Sie eine djUnit-Aufgabe in Ant aus

So erstellen Sie ein Thema in Liferay 7 / DXP

So implementieren Sie eine ähnliche Funktion in Rails

So erstellen Sie einfach ein Pulldown mit Rails

Machen Sie einen Ausschnitt für Thymeleaf in VS Code

So generieren Sie automatisch einen Konstruktor in Eclipse

Anzeigen der in Spring Boot eingegebenen Zeichen im Browser und Referenzlinks [Einführung in Spring Boot / Für Anfänger]

So implementieren Sie UICollectionView mit Code nur in Swift

So löschen Sie alle Daten in einer bestimmten Tabelle

So erstellen Sie eine Java-Umgebung in nur 3 Sekunden

So stellen Sie die Anzeigezeit in Rails auf japanische Zeit ein

So implementieren Sie eine nette Funktion in Ajax mit Rails

So erstellen Sie ein Spring Boot-Projekt in IntelliJ

So erstellen Sie einen Daten-URI (base64) in Java

So starten Sie einen anderen Befehl in einem Ruby-Programm

[So fügen Sie ein Video mit Rails in haml ein]

So schreiben Sie eine Datumsvergleichssuche in Rails

So verspotten Sie einen Super-Methodenaufruf in PowerMock

So konvertieren Sie A in a und a in A mit logischem Produkt und Summe in Java

So erstellen Sie eine Java-Entwicklungsumgebung mit VS Code

So konvertieren Sie eine Datei in ein Byte-Array in Java

[Rails 6] So legen Sie ein Hintergrundbild in Rails [CSS] fest

[Rails] So laden Sie JavaScript in einer bestimmten Ansicht

Wie schreibe ich einen Core Mod in Minecraft Forge 1.15.2

[Schienen] So zeigen Sie Bilder in der Ansicht an

[Arbeitsnotiz für persönliche Anwendungen] Anzeigen von Balkendiagrammen und Liniendiagrammen in einem Diagramm

Erstellen Sie in CentOS8.2 einen privaten / öffentlichen Schlüssel und stellen Sie mit VS Code eine Verbindung zu SSH her

Wie hinterlasse ich einen Kommentar?

[Java] So zeigen Sie Wingdings an

Erstellen Sie ein VSCode-Plugin.

So fügen Sie ein Video ein

So erstellen Sie eine Methode

So stellen Sie VSCode Remote Containers in einem Docker-Compose-Projekt bereit, das sowohl die API als auch die Front-App enthält

So legen Sie mit JAXB Zeichencode und Zeilenvorschubcode fest

So ändern Sie eine Zeichenfolge in einem Array in eine Zahl in Ruby

So erstellen Sie ein Platzhalterteil zur Verwendung in der IN-Klausel

So legen Sie den Zeichencode und den Zeilenvorschubcode in Eclipse fest

Speichern von Zeichenfolgen von ArrayList zu Zeichenfolge in Java (Personal)

So fügen Sie dieselben Indizes in ein verschachteltes Array ein

So implementieren Sie eine einzeilige Anzeige von TextView in der Android-Entwicklung

Zuordnung zu einer Klasse mit einem Wertobjekt in How to My Batis

So entwickeln und registrieren Sie eine Sota-App in Java

So simulieren Sie das Hochladen von Post-Object-Formularen in OSS in Java

Ein Memo zum Starten der Java-Programmierung mit VS Code (Version 2020-04)

So erstellen Sie ein Service Builder-Portlet in Liferay 7 / DXP

So richten Sie einen Proxy mit Authentifizierung in Feign ein