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模板。

相关推荐
半切西瓜1 分钟前
Android Studio ViewBinding绑定视图控件
android·ide·android studio
Hello World . .2 分钟前
Linux:线程(thread)
linux·开发语言·vscode
okclouderx5 分钟前
【Easy-Vibe】【task2】认识 AI IDE 工具
ide·人工智能·ai ide·vibe coding·easy vibe
淘矿人16 小时前
[特殊字符] 别再手动写提示词了!Claude Skills 10分钟入门,效率暴涨200%,Token狂省78%
人工智能·vscode·python·pycharm·github·文心一言·ai编程
纯.Pure_Jin(g)21 小时前
寒假Python班作业(三)
开发语言·vscode·python
pyniu21 小时前
芋道系统生成代码步骤
ide
速易达网络1 天前
速易达画图工具:轻量全能,让创意跃然“屏”上
编辑器
山峰哥1 天前
SQL优化实战:从索引策略到查询性能提升的深度解析
开发语言·数据库·sql·性能优化·编辑器
嵌入小生0071 天前
进程的基本概念\相关命令\创建\调度\状态及相关函数接口---软件编程---嵌入式(Linux)
linux·vscode·vim·嵌入式·进程·fork·软件编程
程序员ken1 天前
献给自己的一款个人管理的桌面软件(二)
python·c#·编辑器