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

相关推荐
日月新著22 分钟前
在VSCode中通过Copilot链接Figma直接生成完整产品
vscode·copilot·figma
量子炒饭大师23 分钟前
【2026全新 Claude Code + VScode + CCswitch + 接入deepseek-v4-pro 套餐】从环境配置到实战演练:Claude Code彻底开箱指南!
ide·vscode·编辑器·deepseek·claude code·cc-switch
3Tony25 分钟前
解决VScode报错:preLaunchTask“C/C++: gcc.exe 生成活动文件“已终止,退出代码为 -1.
c++·ide·vscode
散一世繁华,颠半世琉璃25 分钟前
30分钟搭建专业排版环境!VSCode+TeX Live 2025 保姆级教程
vscode
Dvesiz25 分钟前
【ClaudeCode平替(免费)】OpenCode 完整安装与 VSCode 使用指南
ide·vscode·编辑器·github·ai编程·claude·visual studio code
苏莹莹1127 分钟前
Chat took too long to get ready.Please ensure...<VSCode\Copilot>
ide·vscode·copilot
芯码学徒27 分钟前
vscode上如何免费使用opencode插件
ide·vscode·编辑器·opencode
徐怀江27 分钟前
ModusToolbox for vscode使用小记
ide·vscode·单片机·mcu·infineon
播播资源27 分钟前
Visual Studio Code如何接入 API 使用OpenAI、claude、Gemini等最新大模型,国内直连教程
ide·vscode·编辑器
学术小李28 分钟前
VSCode上传文件到服务器
服务器·vscode·sftp·数据上传