vscode 快速生成vue 格式

1.用快捷Ctrl + Shift + P唤出控制台

输入"Snippets"并选择 Snippets: Configure User Snippets

2.输入vue,选中vue.json

vs code自动生成vue.json文件

3.在 vue.json 中添加模板

复制代码
{
	"Print to console": {
			"prefix": "vue2",
			"body": [
					"<template>",
					"  <div></div>",
					"</template>",
					"",
					"<script>",
					"export default {",
					"  components: {},",
					"  props: {},",
					"  data() {",
					"    return {",
					"    };",
					"  },",
					"  watch: {},",
					"  computed: {},",
					"  methods: {},",
					"  created() {},",
					"  mounted() {}",
					"};",
					"</script>",
					"<style lang=\"less\" scoped>",
					"</style>"
			],
			"description": "A vue file template"
	}
}

4.新建一个 vue 文件,输入"vue2",按下回车键,自动生成模板

相关推荐
Xeon_CC8 小时前
打开多个Unity编辑器时使用Visual Studio调试,弹出选择Unity实例窗口,但是没有实例
unity·编辑器·visual studio·调试·unity 调试
LXA08099 小时前
VSCode 常用插件全面详解
ide·vscode·编辑器
woshihonghonga9 小时前
Jupyter Notebook单元格输出换行问题解决
ide·python·jupyter
Sylvan Ding14 小时前
VSCode插件推荐 2025 - 拥抱 Agentic Coding 时代:是时候从 PyCharm 切换到 VSCode 生态了!
ide·vscode·pycharm·extension·插件·agentic·氛围编程
高山上有一只小老虎17 小时前
idea2025社区版设置打开的多个文件展示在工具栏下方
java·ide·intellij-idea
深圳行云创新19 小时前
Cloud IDE vs 本地IDE:AI编程时代的“降维打击“
ide·ai编程
iCxhust20 小时前
Visual Studio 2022查看程序变量和堆栈
ide·visual studio
weixin_4569042720 小时前
vscode离线下载依赖
ide·vscode·编辑器
weixin_4569042720 小时前
vscode浏览器启动报错
ide·vscode·编辑器
撩得Android一次心动21 小时前
Android studio 高效使用
android·ide·android studio