打开vscode软件
选中左下角的设置按钮,再点击用户代码片段(如图)
再选择vue.json文件/新建全局代码片段(如图)
进行相关配置(如下代码)
{"Vue2 quickly build template": {"prefix": "vue2Init","body": ["<template>","","</template>","","","<script>"," export default {"," data () {","return {","}"," }"," }","</script>","","","<style scoped>","","</style>" ],"description": "vue2快速构建模板"},"Vue3 quickly build template": {"prefix": "vue3Init","body": ["<template>","\t<div>\n","\t</div>","</template>\n","<script lang='ts' setup>","import { onMounted, reactive, ref, toRefs, watch } from 'vue'\n","</script>\n","<style lang='scss' scoped>\n","</style>","$2"],"description": "vue3快速构建模板"}}
在页面上面如何使用(如图)
上图是vue3Init生成的模版
我配置了两个vue快速构建模版,一个vue2版本,一个vue3版本,觉得有用 喜欢请大家点赞●▽●