vscode中快速生成vue3+ts+setup模板

文章目录


设置 -> user snippets(用户代码片段) -> vue.json

找到vue.json文件

输入代码段 如下,

javascript 复制代码
{
	"Print to console": {
		"prefix": "v3",  //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"  <view>",
			"",
			"  </view>",
			"</template>",
			"",
			"<script setup lang='ts'>",
			"",
			"</script>",
			"",
			"<style scoped lang='scss'>",
			"",
			"</style>",
		],
		"description": "vue3的ts模板"
	}
}

在vue文件中,键入 v3,按 回车或者tab键,即可快捷产生vue3模板。

相关推荐
朝阳398 分钟前
vscode 实用插件【SlashMD — Block-Based Markdown】即时渲染编辑 .md 文件(无工具条,但编辑体验更好)
vscode
愈努力俞幸运21 分钟前
git,vscode,pycharm
git·vscode·pycharm
少林and叔叔25 分钟前
基于yolov11s模型训练与推理测试(VScode开发环境)
ide·人工智能·vscode·yolo·目标检测
围炉聊科技1 小时前
尝鲜 AWS Agentic IDE:Kiro 一周使用初体验
ide·人工智能·ai编程·aws
HarrySunCn13 小时前
如何使用VSCode开发Arduino项目
ide·vscode·单片机·编辑器
知青先生15 小时前
E9项目调试方式
java·ide
面壁的熊猫17 小时前
cursor+cline+MCP(论文agent)
vscode·agent·cursor·mcp
bulucc19 小时前
vim 快捷操作
linux·编辑器·vim
Aspect of twilight21 小时前
vscode python debug方式
ide·vscode·python·debug
Aevget21 小时前
.NET跨平台开发工具Rider v2025.3发布——支持.NET 10
ide·.net·开发工具·rider·rider v2025.3