打开vscode,左下角设置-用户代码片段
image.png
输入vue.json打开该页面，输入
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>$0</div>",
"</template>",
"",
"<script>",
"export default {",
"",
"}",
"",
"</script>",
"<style>",
"</style>"
],
"description": "Log output to console"
}
}
提示："$0":是你生成代码后鼠标光标所处的位置，可以自己修改放置位置。 "prefix"：表示生成对应预设代码的命令 。
保存关闭。
新建.vue文件，在页面里输入vue
image.png
然后 回车，模板就出来了，省去了我们敲模板的时间。
.js,.html文件都可以照这样来设置。
