vsCode配置Vue3初始化代码片段

最新推荐文章于 2025-06-10 10:35:56 发布

原创最新推荐文章于 2025-06-10 10:35:56 发布 · 733 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #编辑器

Vue 专栏收录该内容

13 篇文章

订阅专栏

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

初始化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"
	}
}