(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段
在这里插入图片描述
(2)输入 vue,选择 vue.json 文件

在这里插入图片描述
(3)在注释下添加如下代码即可

{
	"Print to console": {
		"prefix": "vue3",        //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"",
			"</template>",
			"<script setup>",
			"",
			"</script>",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

保存即可。
使用时输入 vue3 即可快速生成 vue3 模板。
在这里插入图片描述
补充一下 vue 的模板

{
	"Print to console": {
		"prefix": "vue2",        //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  components: {},",
			"",
			"  data() {",
            "     return {",
            "",
            "     };",
            "   },",
			"",
			"  mounted() {",
            "",
            "  },",
			"",
			"  methods: {",
            "",
            "  }",

			"}",
			"</script>",
			"",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "A vue2 file template"
	}
}
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐