vscode 如何配置快速生成 vue3 模板

(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段

(2)输入 vue,选择 vue.json 文件

(3)在注释下添加如下代码即可

复制代码
{
	"Print to console": {
		"prefix": "vue3",        //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"",
			"</template>",
			"<script setup>",
			"",
			"</script>",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

保存即可。

使用时输入 vue3 即可快速生成 vue3 模板。

相关推荐
令狐前生2 小时前
Intellij IDEA 2025 破解安装
java·ide·intellij-idea
眞bilibili3 小时前
如何快速无缝的从 vscode 转向AI编辑器 cursor、kiro、trae 等
人工智能·vscode·编辑器
知彼解己4 小时前
Eclipse Temurin:企业级 Java JDK 发行版的最佳实践
java·ide·eclipse
独隅4 小时前
CLion 在 Linux 上的完整安装与配置使用指南
linux·运维·服务器·c语言·c++·ide
山河不见老4 小时前
【Cursor 、Qoder安装问题】Cursor 、Qoder安装卡在“正在准备安装”问题排查及解决
人工智能·windows·编辑器
jerryinwuhan4 小时前
VScode 安装opencode
ide·vscode·编辑器
223糖5 小时前
Idea,pycharm2026激活保姆级教程
java·ide·intellij-idea
独隅5 小时前
CLion 接入 Codex 的完整配置使用全面指南
c++·ide·ai·c++23
sphw16 小时前
nixnb: Jupyter Notebook 优雅分享
ide·人工智能·jupyter
NoteStream1 天前
【c语言基础】C语言常见概念
c语言·开发语言·编辑器