第一步:ctrl+shift+p调出控制台,并输入snippets,在弹出的选项中选择Preferences:Configure User Snippets
第二步:在选项中找到html,之后vsCode会生成一个html.json文件,接下来就可以在里面输入我们需要创建的模板
第三步:输入模板,格式如下:($0代表光标所在的位置)
{
"Print to console": {
"prefix": "vue",
"body": [
" <div id=\"app\">",
"$0",
"</div>",
"",
"<script src=\"\"></script>",
"<script>",
" const app = new Vue({",
" el: \"#app\",",
" data: {},",
" })",
"</script>",
],
"description": "A vue file template"
}
}
第四步:在html文件中,输入vue,点击回车就可以生成以上模板
".vue"文件创建模板也是同样的步骤