vscode 配置 vue3用户代码片段 (vue.json)

{
	"Print to console": {
	"prefix": "vue3",      //这里的vue是代码指令,你可以随意更改
	"body": [             // body[]中的代码就是 输入vue指令后显示的代码
		// "$1",             // 这里的$1 可以不要,建议去掉
"<template>",
"<div>",
"</div>",
"</template>",
"",                       // 这里的引号内的空, 是为了添加 空行
"<script>",
"import { reactive,toRefs,ref,computed} from 'vue'",
"import { useStore } from 'vuex'",
"import { useRouter } from 'vue-router'",
"",  
"export default {",
  // "  name: '',",          // 这里每段代码的“”双引号是必须加的,后面要跟上逗号 "," 
  // "  components: {},",    // 代码前面,双引号内的空格是设置空格样式的, 一个空格对应vue文件中的一个空格
  // "  data () {",
  // "    return {",
  // "    }",
  // "  },",
  // "  created () { },",
  // "  mounted () { },",
  // "  methods: {}",

 " setup() { ",
    "   const router=useRouter()",
    "   const store=useStore()",
    "",
    "   computed=(()=>{",//获取vuex里的数据
    "   return",
    "  });",
    "" ,     
    "   return{}",
 "}," ,
  "}",
"</script>",
"<style scoped lang='scss'>",
"$2",                    // 这里的$2 作用也是添加空行
"</style>", 
""                      // 这里加空行, 是为了解决vue中</style>后面报错缺少空行的问题
	],
}

}