1:首先在vscode编辑器中打开,【文件】–>【首选项】–>【用户片段】–>【新代码片段】–> 取名vue.json 确定
2:复制下列代码,只要在.vue文件下输入vue3回车即可生成模板
{
"Print to console": {
"prefix": "vue3",
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script lang='ts'>",
"import {defineComponent, reactive, toRefs, onBeforeMount, onMounted } from 'vue'",
"export default defineComponent({",
" name: '',",
" setup() {",
" const data = reactive({})",
" onBeforeMount(() => {",
" //2.组件挂载页面之前执行----onBeforeMount",
" })",
" onMounted(() => {",
" //3.组件挂载到页面之后执行-------onMounted",
" })",
" return {",
" ...toRefs(data),",
" }",
" },",
"})",
"",
"</script>",
"<style scoped lang='less'>",
"</style>",
],
"description": "Log output to console"
}
}