[JAVA] Créer un extrait pour Thymeleaf dans VS Code

introduction

J'ai consulté l'article sur les extraits d'utilisateur dans VSCode, mais je n'en ai pas trouvé pour Thymeleaf, et je n'ai pas trouvé de bon plug-in VSCode, alors je vais l'écrire comme rappel.

Qu'est-ce qu'un extrait?

Traduit littéralement, il devient un «morceau» ou un «fragment», mais le fait est que vous donnez un nom à ce que vous voulez appeler pour pouvoir l'appeler facilement.

Je vais l'essayer immédiatement

Lorsque vous appuyez sur "Maj + Commande + p", un écran de recherche apparaîtra en haut de l'écran. Si vous tapez ʻutilisateuretc., "Préférences: Configurer les extraits d'utilisateur" apparaîtra, alors sélectionnez ceci. <img width="597" alt="スクリーンショット 2020-01-17 6.17.10.png " src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/568373/fde322f4-a64c-51d0-0472-97880d1e1260.png "> Ensuite, l'écran de sélection de la langue apparaîtra, donc cette fois, entrezhtml`, sélectionnez html.json et ouvrez-le スクリーンショット 2020-01-17 6.21.32.png Si vous écrivez un extrait dans ceci, vous pouvez l'appeler en html.

"Thymeleaf value": {
	"prefix": "tval",
	"body": "th:value=\"\\${$1.$2}\"",
},

Commentaire

"Thymeleaf value" Nom de l'extrait… Choisissez le nom de l'extrait. (À distinguer dans ce fichier) "prefix": "tval", Le mot que vous entrez réellement ... Vous pouvez l'appeler en entrant ce caractère dans un fichier html. "body": "th:value=\"\\${$1.$2}\"", Ce qui s'appelle ... Si vous entrez un préfixe, celui-ci sera appelé. S'il y a une ligne, entrez-la dans "", et s'il y a deux lignes ou plus, entrez-la dans []. \ $ 1… Vous pouvez vous déplacer vers \ $ 2 et \ $ 3 en appuyant sur la touche de tabulation à la position d'entrée après avoir été appelé. Si vous souhaitez utiliser des caractères spéciaux sous forme de chaînes simples, telles que \… "is \ et \ $ is \, échappez-les.

Manifestation

qiita_thymeleaf.gif Cela fonctionne comme ça.

Créé pour Thymeleaf

Maintenant, je voudrais créer ceci pour Thymeleaf.

"Thymeleaf comment": {
    "prefix": "tcom",
    "body": "<!--/* $1 */-->",
},
"Thymeleaf value": {
    "prefix": "tval",
    "body": "th:value=\"\\${$1.$2}\"",
},
"Thymeleaf text": {
    "prefix": "ttex",
    "body": "th:text=\"\\${$1.$2}\"",
},
"Thymeleaf local": {
    "prefix": "twit",
    "body": "th:with=\"x=$1,y=$2\"",
},
"Thymeleaf link": {
    "prefix": "tlink",
    "body": "th:href=\"\\@{'/' + \\${$1.$2}}\"" ,
},
"Thymeleaf if": {
    "prefix": "tif",
    "body": "th:if=\"\\${$1}\"" ,
},
"Thymeleaf unless": {
    "prefix": "tif",
    "body": "th:unless=\"\\${$1}\"" ,
},
"Thymeleaf switch": {
    "prefix": "tswit",
    "body": [
        "<div th:switch=\"\\${$1}\">",
        "\t<p th:case=\"$2\" th:text=\"\\${$3}\"></p>",
        "\t<p th:case=\"$4\" th:text=\"\\${$5}\"></p>",

"\ t <p th: case = " * \ "> Non applicable </ p>", "

" ] , }, "Thymeleaf for": { "prefix": "tfor", "body": [ "<tr th:each="$2 : \${$1}">", "\t<td th:text="\${$3.$4}">", "\t<td th:text="\${$5.$6}">", "\t<td th:text="\${$7.$8}">", "", ] , },

Épilogue

Pour le moment, je n'ai résumé que celles que j'ai utilisées récemment, mais comme il existe d'autres notations pour Thymeleaf, je voudrais les ajouter au besoin. De plus, si je modifie cela, il peut être appliqué à d'autres langues, j'ai donc décidé de l'utiliser positivement.

Articles référencés

https://qiita.com/NagaokaKenichi/items/c6d1b76090ef5ef39482

Recommended Posts

Créer un extrait pour Thymeleaf dans VS Code
Exécuter un projet Spring Boot avec VS Code
Comment afficher un aperçu du navigateur avec VS Code
Un mémorandum pour écrire un beau code
Environnement Java Spring dans vs Code
Qu'est-ce qu'un extrait de code en programmation?
Faire un appel SOAP en C #
Conseils pour la gestion des énumérations avec thymeleaf
Résumé des procédures de développement dans un conteneur Docker avec VS Code
Écrivons un code de test pour la fonction de connexion avec Spring Boot
Autoriser l'achèvement du code dans Eclipse pour Mac
Comment faire une méthode de jugement pour rechercher n'importe quel caractère dans le tableau
Plug-in VS Code recommandé pour les élèves des écoles de programmation
Techniques de lecture du code source Java dans Eclipse
Code pour échapper aux chaînes JSON en Java
Je voulais que (a == 1 && a == 2 && a == 3) vrai en Java
Comment créer un JRE léger pour la distribution
Créer un outil pour l'identification des noms dans Salesforce
React Native vs Ionic - Une comparaison tête-à-tête en 2020
Essayez de déboguer un programme Java avec VS Code
[Mac] Installer Java dans Visual Studio Code (VS Code)
Créer un environnement de développement Java avec VS Code
Créez une clé privée / clé publique dans CentOS8.2 et connectez-vous à SSH avec VS Code
Vous n'avez pas besoin d'écrire deux fois lorsque vous créez un triangle rectangle en Java
Créez "Je ne suis pas un robot" en Java EE (Jakarta EE)
J'ai lu le code lisible, alors prends note
Rendre les journaux jstat disponibles pour une visualisation immédiate dans Excel
[Bases de Java] Créons un triangle avec une instruction for
[Mémo personnel] Créez une copie complète simple avec Java
Remarque sur l'initialisation des champs dans le didacticiel Java
J'ai essayé de créer une fonction de connexion avec Java
Comment faire un MOD pour Slay the Spire
Java11: exécuter le code Java dans un seul fichier tel quel
Spécifiez VS Code comme éditeur par défaut pour jshell