點擊設(shè)置---配置用戶代碼片段
image.png
輸入vue.json
image.png
在vue.json里設(shè)置如下
在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"
}
}
