点击设置---配置用户代码片段
image.png
输入vue.json
image.png
在vue.json里设置如下
在vue文件里 输入 zs 即可生成定义的vue2 模板
输入 setup 即可生成定义的vue3语法糖 模板
{
// vue2模板
"Print to console": {
"prefix": "zs",
"body": [
"<template>",
" <div class=\"$1\">$2</div>",
"</template>",
"",
"<script>",
"export default {",
" components: {$3},",
" data () {",
" return {",
"$4",
" }",
" },",
" methods: {},",
" created () {}",
"}",
"</script>",
"<style lang=\"less\" scoped>",
"</style>",
"",
],
"description": "A vue file template"
},
// vue3语法糖模板
"Print to setup": {
"prefix": "setup",
"body": [
"<template>",
" <div></div>",
"</template>",
"<script setup>\n",
"</script>",
"<style scoped>\n",
"</style>",
],
"description": "Log output to console"
}
}
