vscode快捷生成vue模版

最新推荐文章于 2025-06-18 22:49:13 发布

加鸡腿

最新推荐文章于 2025-06-18 22:49:13 发布

阅读量509

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vscode 文章标签： vscode

本文链接：https://blog.csdn.net/qq_43437571/article/details/122964329

vscode 专栏收录该内容

8 篇文章

订阅专栏

该篇博客介绍了如何在VSCode中设置Vue文件的自定义模板。通过快捷键Ctrl+P，输入vue.json并配置模板内容，可以实现输入vue后快速生成包含基本结构的Vue文件。如果模板未生效，尝试重启VSCode。

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

第一步：
ctrl+p唤出搜索文件的框，输入vue.json，回车
第二步：
将以下内容复制进去

{
	// Example:
	"Print to console": {
			"prefix": "vue",
			"body": [
					"<template>",
					"  <div class=\"wrapper\">$0</div>",
					"</template>",
					"",
					"<script>",
					"export default {",
					"  components: {},",
					"  props: {},",
					"  data() {",
					"    return {",
					"    };",
					"  },",
					"  computed: {},",
					"  watch: {},",
					"  created() {},",
					"  mounted() {},",
					"  methods: {}",
					"};",
					"</script>",
					"<style lang=\"scss\" scoped>",
					".wrapper{}",
					"</style>"
			],
			"description": "A vue file template"
	}
}