1、左键设置点击用户代码片段
2、搜索vue.json点击选项打开文件
3.复制以下代码粘贴上去(当前配置的是vue2/3模版,当然也可以自定义自己想要的模版)
"vue-template3": {
"prefix": "vue3",
"body": [
// "<!--",
// " *@author [前端_XXX]", // 作者名称
// " *@date $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",//当前时间
// "!-->",
"<template>",
" <div>",
"",
" </div>",
"</template>",
"<script setup>",
"import { ref, reactive } from 'vue'",
"",
"</script>",
"<style scoped>",
"",
"</style>"
],
"description": "vue-template3"
},
"vue-template2": {
"prefix": "vue2",
"body": [
// "<!--",
// " *@author [前端_XXX]", // 作者名称
// " *@date $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",//当前时间
// "!-->",
"<template>",
" <div>",
"",
" </div>",
"</template>",
"<script>",
"export default {",
" data () {",
" return {",
"",
" }",
" }",
"}",
"</script>",
"<style lang=\"scss\" scoped>",
"",
"</style>"
],
"description": "vue-template2"
},
4.新建vue页面,输入vue2或vue3 回车查看效果