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

相关推荐
lpfasd1235 小时前
JetBrains2025.3更新
ide
Lv11770086 小时前
Visual Studio中的接口
ide·笔记·c#·visual studio
咬人喵喵6 小时前
18 类年终总结核心 SVG 交互方案拆解
前端·css·编辑器·交互·svg
若数7 小时前
vscode如何打开多个标签
ide·vscode·编辑器
lingzhilab7 小时前
零知IDE——零知ESP32+DFPlayer MP3智能音乐播放器
ide
Python私教7 小时前
Jupyter是什么?如何安装使用?
ide·python·jupyter
许商8 小时前
【stm32】cmake构建vscode开发环境(复杂大型项目)
ide·vscode·编辑器
厚国兄8 小时前
esp32+vscode,在vscode底部不显示esp32的命令图标问题解决
ide·vscode·编辑器
咬人喵喵8 小时前
告别无脑 <div>:HTML 语义化标签入门
前端·css·编辑器·html·svg
若数8 小时前
vscode常用插件
ide·vscode·编辑器