[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.

• L'environnement de vérification est macOS Mojave 10.14.16

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 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

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

Recommended Posts