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

相关推荐
佚泽7 小时前
Android Studio 如何配置gradle
android·ide·android studio
远离UE49 小时前
UE5 如何在延时渲染在材质编辑器提前使用到多灯光的数据
ue5·编辑器·材质
迹象Kimizhou_blog10 小时前
国内 IntelliJ IDEA 集成Claude code,调用deepSeek模型实现agent
java·ide·intellij-idea·deepseek·claude code
bestlanzi11 小时前
vscode 常用的配置内容
ide·vscode·编辑器
乐活青年11 小时前
新版Android Studio不显示gradle task list 问题
android·ide·android studio
公孙秋13 小时前
IDEA MyBatisCodeHelper Pro插件高版本解密
java·ide·intellij-idea
jinglong.zha13 小时前
别再只用命令行!Claude Code接入VSCode和PyCharm,这些技巧让你爽到飞起!
ide·vscode·pycharm·claude code
晨陌y13 小时前
打工人被WPS卡顿和隐私问题折磨?document本地文档编辑器能不能作为替代方案
编辑器·wps
AI@独行侠13 小时前
【超详细】IDEA 2025版-常用设置配置-一篇文章带您解决idea 2025版本常用配置
java·ide·intellij-idea
码农小旋风17 小时前
IDEA 不只接 Claude 和 Codex:本地模型和第三方 API 也能直接用
java·ide·人工智能·chatgpt·intellij-idea·claude