设置步骤：
1.点击vscode左下角的设置图标，选择配置用户代码片段
image.png
2.选择
新建全局代码片段文件，输入文件名（这里以vue-tem为例)，然后回车。
image.png
3.会生成一个文件，如下图
image.png
4.接下来将下面代码
粘贴替换此文件内容
{
"vue-tem": {
"scope": "vue",
"prefix": "tem",
"body": [
"<template>",
" <div class=\"$1\">\n",
" </div>",
"</template>\n",
"<script>",
"export default {",
" name: '$1',",
" components: {\n",
" },",
" data() {",
" return {\n",
" }",
" },",
" computed: {\n",
" },",
" created() {\n",
" },",
" methods: {\n",
" },",
"}",
"</script>\n",
"<style lang=\"scss\" scoped>",
" .$1 {\n",
" }",
"</style>"
]
}
}
prefix就是给你的代码片段起个名字，使用的时候直接输这个名字，然后回车，就生成了
$1 是class类名、组件名name的变量，因此vue组件生成之后请先输入此名字
创建过vue文件之后，直接输入类名即可
另：删除代码片段文件
image.png
根据此路径找到 要删除的文件 即可
