vscode如何生成模板

这篇文章主要介绍vscode如何生成模板，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

vscode怎么生成模板？vs code中设置html5 快速生成模板

相关文章教程推荐：vscode教程

按英文的！和h:5都可以快速生成html模板，但是找了半天都找不到如何修改模板设置。只好自己从snippets里重新编写了一个html5的模板，以免自己以后忘了。

首先打开 snippets

然后输入以下代码段：

{    // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and     // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the     // same ids are connected.    // Example:    // "Print to console": {    //     "prefix": "log",    //     "body": [    //         "console.log('$1');",    //         "$2"    //     ],    //     "description": "Log output to console"    // }    "Html5-Vue": {        "prefix": "vh",        "body": [            "",            "\n",            "",            "\t",            "\t",            "\t",            "\t",            "\t",            "\n",            "",            "\t
$1
\n",            "\t",            "\n",            ""        ],        "description": "快速创建在html5编写的vue模板"    }}

这里的 "prefix": "vh",指的是你自定义的快捷代码，这里我输入h就会出现快速生成代码提示，也可以自定义其他字段。

效果如下：

以上是"vscode如何生成模板"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！