So verwenden Sie vscode zum Schreiben von HTML5-VSCode-php.cn

So verwenden Sie vscode zum Schreiben von HTML5

藏色散人

Freigeben： 2020-03-17 09:23:04

Original

6942 Leute haben es durchsucht

Wie verwende ich vscode zum Schreiben von HTML5?

Angepasste HTML5-Vorlage

Jedes Mal, wenn wir eine neue HTML-Vorlage erstellen, fühlt es sich immer zu eintönig an. Ich möchte zum Beispiel, dass Vue jedes Mal automatisch eingeführt wird Mal erstelle ich eine neue und erstelle eine neue leere Seitenvorlage, die vollständig erreichbar ist:

Empfohlenes Lernen: vscode-Tutorial

(1) Finden Sie den HTML-Code. JSON-Datei: Klicken Sie auf „Einstellungen“, suchen Sie das Benutzercode-Snippet

So verwenden Sie vscode zum Schreiben von HTML5

HTML suchen, die Datei html.json erscheint, klicken Sie darauf

So verwenden Sie vscode zum Schreiben von HTML5

(2) Nach dem Öffnen der html.json-Datei können Sie die H5-Vorlage anpassen

So verwenden Sie vscode zum Schreiben von HTML5

Hängen Sie den HTML-Code an .json-Dateikonfiguration und füllen Sie sie direkt aus. Fügen Sie sie einfach in die ursprünglichen Klammern ein:

"h5 template": {
        "prefix": "vh", // 对应的是使用这个模板的快捷键
        "body": [
         "<!DOCTYPE html>",
         "<html lang=\"en\">",
         "<head>",
         "\t<meta charset=\"UTF-8\">",
         "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
         "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
         "\t<title>Document</title>",
         "\t<script src=\"./lib/vue-2.4.0.js\"></script>",     
         "</head>\n",
         "<body>",
         "\t<div id =\"app\"> </div>\n",
         "\t<script>",
         "\t //创建Vue实例,得到 ViewModel",
         "\t var vm = new Vue({",
         "\t\tel: &#39;#app&#39;,",
         "\t\tdata: {},",
         "\t\tmethods: {}",
         "\t });",
         "\t</script>",
         "</body>\n",
         "</html>"
        ],
        "description": "HT-H5" // 模板的描述
     }

Nach dem Login kopieren

Erklärung des Escape-Zeichens:

t " n sind Escape-Zeichen und Leerzeichen sind es einfach Leerzeichen. Bei der Eingabe können Sie Leerzeichen

t eingeben, was bedeutet, dass Sie horizontal zur nächsten Tabulatorposition springen, die der Tabulatortaste entspricht

", was doppelte Anführungszeichen bedeutet,

n, was Wagenrücklauf und Zeilenvorschub bedeutet

Das obige ist der detaillierte Inhalt vonSo verwenden Sie vscode zum Schreiben von HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!