vscode自定义vue代码片段

最新推荐文章于 2025-06-20 19:59:00 发布

weixin_45585996

最新推荐文章于 2025-06-20 19:59:00 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_45585996/article/details/108142482

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在编辑器中自定义Vue代码片段，通过设置用户片段实现快速创建Vue模板，提高开发效率。按Tab键可在代码片段间切换。

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

点击【文件】 – 【首选项】–【用户片段】
点击vue.json
自定义代码片段

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>",
			"    $1",
			"  </div>",
			"</template>\n",
			"<script>",
			"export default {",
			"  name: '$2',",
			"  data() {",
			"    return {\n",
			"    };",
			"  },",
			"};",
			"</script>\n",
			"<style lang=\"${3:scss}\">\n",
			"</style>\n",
		],
		"description": "Create vue template"
	}
}