vsCode配置Vue3初始化代码片段

最新推荐文章于 2025-06-09 18:37:32 发布

桥志三

最新推荐文章于 2025-06-09 18:37:32 发布

阅读量701

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vscode 编辑器

本文链接：https://blog.youkuaiyun.com/akkigg/article/details/127654399

Vue 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何初始化Vue3组件并使用.json文件来自定义代码片段，提高开发效率。通过预设的代码模板，可以快速生成.vue文件的基本结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化vue3组件代码

之后创建一个json文件名字任意取

之后就可以自定义配置代码片段啦~

下边是我经常使用的代码片段

{
		"Print5 to console": {
		"prefix": "v3",
		"body": [
			"<template>",
			"\t<div>",
			"\t</div>",
			"</template>",
			"<script lang=\"ts\">",
			"import { defineComponent } from 'vue'",
			"export default defineComponent({",
			"\tname: 'App'",
			"})",
			"</script>",
			"<style lang=\"scss\">",
			"</style>"
		],
		"description": "Log output to console"
	}
}