[Facile] Comment formater automatiquement les fichiers Ruby erb avec vsCode

Lorsque j'étudiais Rails cette fois-ci et que je voulais aussi pouvoir formater automatiquement les fichiers erb, je recherchais diverses choses, et maintenant j'ai une extension appelée Beautyify qui peut être utilisée pour formater automatiquement.

Cette fois, je présenterai la méthode. Je vous serais reconnaissant si vous pouviez commenter si vous avez des suggestions ou "Je devrais faire plus".

Installez Beautify

Cliquez sur la cinquième icône en haut à l'extrême gauche de l'éditeur (sous l'icône avec le triangle), entrez Beautify dans la fenêtre de recherche, puis cliquez sur Beautify. L'écran ci-dessous apparaîtra, alors cliquez sur installer. (Comme l'image est déjà installée, elle est désinstallée) コメント 2020-06-10 141341.png

Écrivez settings.json.

Appuyez sur la touche de commande (ctrl pour Windows) et sur la touche pour ouvrir l'écran Paramètres et recherchez Beautify: language. Après cela, si vous cliquez sur ** Modifier dans setting.json ** écrit en petites lettres, settings.json s'ouvrira, alors écrivez comme suit.

settings.json


...

"beautify.language": {
    "js": {
      "type": ["javascript", "json"],
      "filename": [".jshintrc", ".jsbeautifyrc"]
      // "ext": ["js", "json"]
      // ^^ to set extensions to be beautified using the javascript beautifier
    },
    "css": ["css", "scss"],
    "html": ["htm", "html", "erb"] //"erb"Ajouter
    // ^^ providing just an array sets the VS Code file type
  }

Ajouter ** "erb" ** à l'élément html le formatera désormais. Au fait, j'ai défini js et css pour qu'ils soient également formatés, mais si vous n'en avez pas besoin, vous n'avez pas à les écrire.

Supplément

Ceux qui ne sont pas automatiquement formatés lors de l'enregistrement

Ajoutez le code suivant à ** settings.json ** et enregistrez-le.

"editor.formatOnSave": true, //Format automatique lors de l'enregistrement d'un fichier

Je pense qu'il sera automatiquement formaté lors de l'enregistrement.

Résumé

Je ne pense pas que le formatage du code soit très essentiel, je l'ai donc introduit pour économiser des ressources. Veuillez l'introduire si vous le souhaitez.

Recommended Posts

[Facile] Comment formater automatiquement les fichiers Ruby erb avec vsCode
Comment convertir un fichier erb en haml
Comment compiler Java avec VsCode & Ant
Comment réaliser le téléchargement de fichiers avec Feign
[Facile] Comment mettre à niveau Ruby et le bundler
Comment réaliser le téléchargement de fichiers avec Feign
[Ruby] Comment convertir un fichier CSV en Yaml (Yml)
Si vous utilisez SQLite avec VSCode, utilisez l'extension (comment voir le fichier binaire de sqlite3)
Comment générer automatiquement un diagramme ER lors de la migration avec Rails 6
Comment demander un fichier CSV au format JSON avec jMeter
[Ruby] Comment diviser chaque requête GraphQL en fichiers
Comment inverser la compilation du fichier apk en code source Java avec MAC
Comment utiliser le retour Ruby
Formater Ruby avec VS Code
[Ruby] Comment commenter
Apprendre Ruby avec AtCoder 13 Comment créer un tableau à deux dimensions
Comment numéroter (nombre) avec html.erb
Comment mettre à jour avec activerecord-import
Ruby: Comment utiliser les cookies
Comment gérer différentes versions de rbenv et Ruby
Comment créer un fichier jar sans dépendances dans Maven
Comment réaliser un téléchargement de fichiers volumineux avec TERASOLUNA 5.x (= Spring MVC)
Comment ouvrir un fichier de script à partir d'Ubuntu avec du code VS
Apprendre Ruby avec AtCoder 11 Comment recevoir une entrée standard souvent utilisée
Téléchargement automatique de fichiers avec l'ancienne gemme Ruby Que faire avec Watir
Comment réaliser un téléchargement de fichiers volumineux avec Rest Template of Spring
Comment démarrer avec Slim
Convertir un objet ruby au format JSON
Comment itérer indéfiniment en Ruby
Comment installer Ruby via rbenv
Comment entourer n'importe quel caractère avec "~"
Comment utiliser Ruby on Rails
Comment installer Bootstrap dans Ruby
Comment utiliser mssql-tools avec Alpine
[Débutant] Comment supprimer AUCUN FICHIER
Comment utiliser la méthode Ruby inject
Comment exécuter l'IRB de Ruby (Ruby interactif)
Comment démarrer Camunda avec Docker
[IntelliJ IDEA] Comment ajouter automatiquement la finale lors de l'enregistrement d'un fichier Java
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 6.x)
Si vous voulez créer un fichier zip avec Ruby, c'est rubyzip.
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 5.x)
Comment démarrer un conteneur Docker avec un volume monté dans un fichier de commandes
Comment les propriétés de bean lient les paramètres de requête de style liste dans Spring
Comment insérer un traitement avec n'importe quel nombre d'éléments dans le traitement itératif dans Ruby
[Pour les super débutants (plus de pression)] Déploiement automatique sur AWS ECR / ECS avec Ruby2.6 x Rails6 x CircleCi [format pratique]
Comment recadrer une image avec libGDX
Comment ajuster TextPosition avec l'extension de clavier iOS
[Java] Comment utiliser la classe File
[Rails] Comment convertir ERB en Haml
[Java] Résumez comment comparer avec la méthode equals
Comment brouiller l'image (super facile)
[Android] Comment gérer les thèmes sombres