[RUBY] Activer la génération automatique de balises html dans erb lorsque vous travaillez avec VSCode

introduction

Il explique brièvement comment activer la fonction pour générer automatiquement des balises html dans erb.

Quand je commençais juste la programmation J'ai eu l'expérience de dire: «Les balises étaient automatiquement générées en html, mais quand j'ai commencé à développer avec erb, ce ne serait plus comme avant.» J'ai donc essayé de résumer la solution. ..

procédure

Incluez les extensions Ruby.

Je pense qu'il est inclus s'il est développé avec des rails, mais c'est une confirmation.

Ouvrez setting.json

Appuyez sur commnad + shift + p et recherchez setting.json pour ouvrir setting.json. C'est un fichier comme celui-ci.

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"
    },
}

Ajouter du code

Ajoutez la description suivante.

settings.json


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

en conclusion

Avec les rails, au fur et à mesure que l'apprentissage progresse, certaines personnes peuvent adopter la notation haml et ne pas utiliser erb. Si je voulais pouvoir utiliser non seulement ruby mais aussi d'autres langues, je pensais que ce serait une option d'écrire en erb, alors je l'ai résumé.

Recommended Posts

Activer la génération automatique de balises html dans erb lorsque vous travaillez avec VSCode
Écrivez du beau code avec l'indentation à l'esprit (rails, html)
Lombok avec VS Code
Emplacement des paramètres de l'espace de travail lors de la connexion à distance avec VSCode et du travail sur un conteneur Docker
Gestion Docker avec VS Code
Formater Ruby avec VS Code
Bonjour tout le monde avec VS Code!
Résumé des procédures de développement dans un conteneur Docker avec VS Code
Convertissez le code de saut de ligne en une balise de saut de ligne html avec Thymeleaf et sortie
Paramètres pour supprimer les importations Java inutilisées lors de l'enregistrement avec VS Code