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",按下回车键,自动生成模板

相关推荐
进击的横打3 小时前
【车载开发系列】Renesas Flash Programmer (RFP) 反向读取功能
车载系统·编辑器·rfp
ChenYY~5 小时前
手把手教你使用vscode开发stm32!
vscode·stm32·嵌入式·软件开发·学习经验
_codemonster12 小时前
JavaWeb开发系列(九)idea配置jdbc
java·ide·intellij-idea
山峰哥13 小时前
数据库工程中的SQL调优实践:从索引策略到查询优化的深度探索
服务器·数据库·sql·性能优化·编辑器
闪电橘子14 小时前
Pycharm运行程序报错 Process finished with exit code -1066598273 (0xC06D007F)
ide·python·pycharm·cuda
Franklin14 小时前
2025-11-28日,天塌了,Pycharm将不开源了!!最后一个开源社区版本2025.2.5
ide·python·pycharm
智慧地球(AI·Earth)14 小时前
在Windows上使用Claude Code并集成到PyCharm IDE的完整指南
ide·人工智能·windows·python·pycharm·claude code
sensen_kiss14 小时前
IDEA等JetBrains产品(包含PyCharm、Rider等)该如何使用学生认证免费使用其全部功能
ide·pycharm·intellij-idea
超级大的菠萝14 小时前
怎么在Pycharm里面添加模块
ide·python·pycharm
CodeQingqing16 小时前
cubemx + Keil + vscode + Keil Assistant 工作流
ide·vscode·编辑器·keil