VSCode创建用户代码片段-案例demo

JackieDYH

已于 2024-03-18 16:45:30 修改

阅读量423

点赞数 3

CC 4.0 BY-SA版权

分类专栏：编码小技巧文章标签： vscode vue.js javascript

于 2024-03-18 10:36:35 首次发布

本文链接：https://blog.csdn.net/JackieDYH/article/details/136662517

编码小技巧专栏收录该内容

74 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在VSCode中创建Vue代码片段，包括Vue3的ts模版和Vue2代码片段，提供了在线生成代码片段的方法，并详细说明了快捷提示的使用，帮助提升开发效率。

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

示例 - 在线生成代码片段

Vue3代码片段

{
	"vue3": {
        scope": "javascript,typescript,html,vue",
		"prefix": "vue3",
		"body": [
			"<template>",
			"$1",
			"</template>",
			"",
			"<script setup>",
			"import { ref, reactive } from 'vue';",
			"$2",
			"</script>",
			"",
			"<style scoped lang=\"scss\">",
			"$3",
			"</style>",
			""
		],
		"description": "快速创建vue3模板"
	}
}

了解本专栏