[JAVA] Machen Sie einen Ausschnitt für Thymeleaf in VS Code

Einführung

Ich habe den Artikel über Benutzerausschnitte in VSCode nachgeschlagen, aber keinen für Thymeleaf und kein gutes VSCode-Plug-In gefunden, daher schreibe ich ihn als Erinnerung.

• Die Überprüfungsumgebung ist macOS Mojave 10.14.16

Was ist ein Ausschnitt?

Wörtlich übersetzt wird es zu einem "Stück" oder "Fragment", aber der Punkt ist, dass Sie dem, was Sie anrufen möchten, einen Namen geben, damit Sie es leicht aufrufen können.

Ich werde es sofort versuchen

Wenn Sie "Umschalt + Befehl + p" drücken, wird der Suchbildschirm oben auf dem Bildschirm angezeigt. Wenn Sie "Benutzer" usw. eingeben, wird "Einstellungen: Benutzerausschnitte konfigurieren" angezeigt. Wählen Sie diese Option aus. Als nächstes wird der Sprachauswahlbildschirm angezeigt. Geben Sie diesmal "html" ein, wählen Sie "html.json" aus und öffnen Sie es Wenn Sie hier ein Snippet schreiben, können Sie es in HTML aufrufen.

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

Kommentar

"Thymeleaf value" Snippet-Name… Legen Sie den Namen des Snippets fest. (In dieser Datei zu unterscheiden) "prefix": "tval", Das Wort, das Sie tatsächlich eingeben ... Sie können es aufrufen, indem Sie dieses Zeichen in eine HTML-Datei eingeben. "body": "th:value=\"\\${$1.$2}\"", Was heißt ... Wenn Sie ein Präfix eingeben, wird dieses aufgerufen. Wenn es eine Zeile gibt, geben Sie sie in "" ein, und wenn es zwei oder mehr Zeilen gibt, geben Sie sie in [] ein. \ $ 1… Sie können zu \ $ 2 und \ $ 3 wechseln, indem Sie nach dem Aufruf die Tabulatortaste an der Eingabeposition drücken. Wenn Sie Sonderzeichen als einfache Zeichenfolgen verwenden möchten, z. B. \… "is \ und \ $ is \, maskieren Sie diese.

Demonstration

Es funktioniert so.

Erstellt für Thymeleaf

Jetzt möchte ich dies für Thymeleaf erstellen.

"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 = " * \ "> Nicht zutreffend </ p>", "

Recommended Posts