[RUBY] Aktivieren Sie die automatische HTML-Tag-Generierung in erb, wenn Sie mit VSCode arbeiten

Einführung

Es wird kurz erklärt, wie die Funktion aktiviert wird, um automatisch HTML-Tags in erb zu generieren.

Als ich gerade mit dem Programmieren anfing Ich hatte die Erfahrung zu sagen: "Die Tags wurden automatisch in HTML generiert, aber als ich anfing, mit erb zu entwickeln, war es nicht mehr so wie zuvor." Also versuchte ich, die Lösung zusammenzufassen. ..

Verfahren

Ruby-Erweiterungen einschließen.

Ich denke, dass es enthalten ist, wenn es mit Schienen entwickelt wird, aber es ist eine Bestätigung.

Öffnen Sie settings.json

Drücken Sie commnad + shift + p und suchen Sie nach settings.json, um settings.json zu öffnen. Es ist eine Datei wie diese.

setting.json


{
    "editor.tabSize": 2,
    "editor.renderWhitespace": "all",
    "files.autoSave": "onFocusChange",
    "explorer.confirmDragAndDrop": false,
    "window.zoomLevel": 0,
    "emmet.triggerExpansionOnTab": true,
    "files.trimFinalNewlines": true,
    "files.trimTrailingWhitespace": true,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "[json]": {

        "editor.quickSuggestions": {
            "strings": true
        },
        "editor.suggest.insertMode": "replace"
    },
    "[jsonc]": {

        "editor.quickSuggestions": {
            "strings": true
        },
        "editor.suggest.insertMode": "replace"
    },
}

Code hinzufügen

Fügen Sie die folgende Beschreibung hinzu.

settings.json


 "emmet.includeLanguages": {
    "erb": "html",
 }

abschließend

Mit Schienen können einige Leute im Verlauf des Lernens die Haml-Notation annehmen und erb nicht verwenden. Wenn ich nicht nur Ruby, sondern auch andere Sprachen verwenden wollte, dachte ich, dass es eine Option wäre, in erb zu schreiben, also fasste ich es zusammen.

Recommended Posts

Aktivieren Sie die automatische HTML-Tag-Generierung in erb, wenn Sie mit VSCode arbeiten
Schreiben Sie schönen Code unter Berücksichtigung der Einrückung (Schienen, HTML)
Lombok mit VS Code
Speicherort für die Einstellung des Arbeitsbereichs, wenn Sie eine Remoteverbindung mit VSCode herstellen und an einem Docker-Container arbeiten
Docker-Management mit VS-Code
Formatieren Sie Ruby mit VS-Code
Hallo Welt mit VS Code!
Zusammenfassung der Verfahren zum Entwickeln in einem Docker-Container mit VS-Code
Thymeleaf konvertiert den Zeilenvorschubcode in ein HTML-Zeilenvorschub-Tag und gibt ihn aus.
Einstellungen zum Löschen nicht verwendeter Java-Importe beim Speichern mit VS-Code