vscode vue代码片段快捷键设置

最新推荐文章于 2025-04-16 00:25:30 发布

极星(*^_^*)

最新推荐文章于 2025-04-16 00:25:30 发布

阅读量2.7k

点赞数 1

分类专栏： vue 文章标签： vue visual studio code

本文链接：https://blog.youkuaiyun.com/weixin_44430886/article/details/104015528

版权

vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在Visual Studio Code中设置Vue代码片段的步骤：通过文件>首选项>用户代码片段，选择Vue，然后粘贴指定代码并保存。在*.vue文件中输入vue并按Tab键，即可快速生成代码。

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

（1）在vscode中选择左上角的文件>首选项>用户代码片段
（2）点击用户代码片段后会弹出选择器，选择在这里插入图片描述（3）将下面代码复制进去并保存即可

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>",
			"  </div>",
			"</template>",
			"<script>",
			"",
			"export default {",
			"  data() {",
			"    return {",
			"    };",
			"  },",
			"  created() {",
			"  },",
			"  methods: {",
			"  }",
			"};",
			"</script>",
			"",
			"<style lang='less' scoped>",
			"",
			"</style>"
		],
		"description": "Log output to console"
	}
}