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

相关推荐
HAPPY酷1 小时前
Visual Studio 原生项目(.vcxproj) 和 CMake 项目对比
ide·visual studio
__xu_1 小时前
【总结】查看某个文件git提交记录的两种方法
git·vscode·提交记录
柠檬叶子C2 小时前
STM32CubeIDE 安装教程 | 2026最新STM32CubeIDE安装教程 | STM32CubeIDE保姆级安装教程
ide·stm32·嵌入式硬件
山有木兮啊2 小时前
VSCode Remote-SSH 连接Mac卡在初始化VSCode
vscode·macos·ssh
wy3136228213 小时前
android——Android Studio 路径迁移指南(释放 C 盘空间)
android·ide·android studio
海盗12343 小时前
Linux下 vim(vi)编辑器的使用-各种模式介绍
linux·编辑器·vim
咕噜咕噜啦啦4 小时前
HTML速通
前端·vscode·html·html5
山峰哥19 小时前
SQL索引优化实战:3000字深度解析查询提速密码
大数据·数据库·sql·编辑器·深度优先
向前V21 小时前
Flutter for OpenHarmony轻量级开源记事本App实战:笔记编辑器
开发语言·笔记·python·flutter·游戏·开源·编辑器
10km21 小时前
MCP:Trace IDE 正确配置 PDF 读取 MCP 的完整指南
ide·pdf·mcp·trae