添加代码模版步骤:
1.首先要在vscode里面找到左下角的齿轮图标
2.在输入框里面写入,vue.json 回车进去新的界面
3.将下面的代码粘贴过去就能直接用啦
{
// Place your snippets for vue 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": "vue3",
"body": [
"<template>",
"\t<div>",
"$1",
"\t</div>",
"</template>",
"$5",
"<script lang=\"ts\" setup>",
"$4",
"</script>",
"$2",
"<style lang=\"scss\" scoped>",
"$3",
"</style>"
],
"description": "vue3"
}
}
4.最后可以根据自身情况添加或更改配置,如果不用div标签删了就好
来看看效果吧,在页面上直接输入vue3就能直接实现自己想要的模块啦