vscode如何生成模板-创新互联

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

10年积累的网站制作、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有徽州免费网站建设让你可以放心的选择与我们合作。

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

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

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

首先打开 snippets

vscode如何生成模板

然后输入以下代码段:

{
    // 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",
            "\tDocument",
            "\t",
            "\n",
            "",
            "\t$1
\n",             "\t",             "\n",             ""         ],         "description": "快速创建在html5编写的vue模板"     } }

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

vscode如何生成模板

效果如下:

vscode如何生成模板

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


名称栏目:vscode如何生成模板-创新互联
网址分享:http://myzitong.com/article/ecsph.html

其他资讯