VScode 如何配置vue代码片段

一、打开VSCode，右下角设置 -> 配置用户代码片段 -> 第一次需要创建,填写自定义文件名就可以

代码展示

{"Print to console": {"prefix": "vv", // 这个就是代码片段的快捷键，我们自定义的"body": ["<template>"," <div>$0</div>","</template>","","<script>","export default {"," data () {"," return {\n"," }"," },"," components: {\n"," },"," mounted() {\n"," },"," methods: {\n"," },","}","","</script>","<style scoped lang='less'>","</style>"],"description": "vue2 快速生成代码块"}}

二、保存重启VSCode，创建一个.vue后缀后输入vv，按下回车代码块就生成了，任务完成