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

相关推荐
coderYYY7 分钟前
VSCode终端启动报错
前端·ide·vscode·npm·编辑器
qinaoaini5 小时前
[golang][MAC]Go环境搭建+VsCode配置
vscode·macos·golang
FunW1n9 小时前
Android Studio与Hook模块开发相关问题及实现方案梳理
android·ide·android studio
㱘郳10 小时前
通过注册表编辑器删除百度网盘的右键菜单、驱动器快捷方式和“我的电脑”图标
windows·编辑器·百度云
catchadmin11 小时前
“Fatal error: require(): Failed opening required...” 以及如何彻底避免它再次出现
android·ide·android studio
道法自然,人法天13 小时前
idea编辑器快捷键应用大全
java·编辑器·intellij-idea
承渊政道15 小时前
C++学习之旅【实战全面解析C++二叉搜索树】
开发语言·数据结构·c++·笔记·学习·编辑器·迭代加深
来两个炸鸡腿1 天前
【Datawhale组队学习202602】Easy-Vibe task02 认识AI IDE工具
ide·人工智能·学习·大模型
风静如云1 天前
VSCode:避免打开新文件时会在标签页覆盖旧文件
vscode
春日见1 天前
如何查看我一共commit了多少个,是哪几个,如何回退到某一个版本
vscode·算法·docker·容器·自动驾驶