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

相关推荐
secondyoung2 分钟前
VSCode乱码解决方案
c语言·ide·windows·经验分享·vscode·编辑器·json
卓小帅的博客19 分钟前
关于解决vscode安装拓展插件失败 要求手动安装, 手动下载后导入安装仍然失败的问题(截至2026.3月有效)
ide·vscode·编辑器
JuneXcy25 分钟前
node(1)
linux·node.js·编辑器
CodeCraft Studio1 小时前
构高可靠嵌入式软件开发环境:Green Hills嵌入式IDE、编译器与JTAG调试工具全面解析
ide·嵌入式硬件·嵌入式开发·c++编译器·嵌入式开发工具·green hills·jtag调试
song8546011341 小时前
AI 大模型到IDE/插件的使用
ide·人工智能
游戏开发爱好者81 小时前
新的 iOS 开发工具体验,在快蝎 IDE 里完成应用开发与真机调试
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
2301_780943849 小时前
vscode, wsl 使用claude code
ide·vscode·编辑器
badhope15 小时前
Docker从零开始安装配置全攻略
运维·人工智能·vscode·python·docker·容器·github
biubiubiu070616 小时前
VScode查看插件相关问题
ide·vscode·编辑器
Penguido19 小时前
解决 VS Code 中 Git 推送报错:ECONNREFUSED vscode-git.sock 与鉴权失败
linux·git·vscode