Maison  >  Article  >  outils de développement  >  Comment utiliser vscode pour écrire du HTML5

Comment utiliser vscode pour écrire du HTML5

藏色散人
藏色散人original
2020-03-17 09:23:046859parcourir

Comment utiliser vscode pour écrire du HTML5 ?

Modèle HTML5 personnalisé

Chaque fois que nous créons un nouveau modèle HTML, cela semble toujours trop monotone. Par exemple, je veux que Vue soit automatiquement introduite à chaque fois. la fois où j'en crée un nouveau. Et crée un nouveau modèle de page vide, qui est tout à fait réalisable :

Apprentissage recommandé : tutoriel vscode

(1) Trouver le html. json : cliquez sur Paramètres, recherchez l'extrait de code utilisateur

Comment utiliser vscode pour écrire du HTML5

Recherchez html, le fichier html.json apparaît, cliquez dessus

Comment utiliser vscode pour écrire du HTML5

(2) Après avoir ouvert le fichier html.json, vous pouvez personnaliser le modèle H5

Comment utiliser vscode pour écrire du HTML5

Joindre le html .json et remplissez-le directement. Il suffit de le mettre entre les accolades d'origine :

"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" // 模板的描述
     }

Explication du caractère d'échappement :

t "n sont des caractères d'échappement, et les espaces sont simplement des espaces. Lors de la saisie, vous pouvez saisir des espaces

t, ce qui signifie passer horizontalement à la position de tabulation suivante égale à la touche Tab

", ce qui signifie des guillemets doubles,

n, ce qui signifie retour chariot et saut de ligne

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn