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

相关推荐
10岁的博客2 小时前
PyCharm一键安装SciPy全攻略
ide·pycharm·scipy
小何好运暴富开心幸福8 小时前
C++之再谈类与对象
开发语言·c++·vscode
wulaladamowang10 小时前
日常踩雷系列-vscode无法输入中文
ide·vscode·编辑器
佛系彭哥15 小时前
Win11下VSCode与MSYS2配置全攻略
c++·vscode·wxwidgets·msys2
她说..17 小时前
通过git拉取前端项目
java·前端·git·vscode·拉取代码
徐归阳20 小时前
DevEco Studio安装
编辑器·harmonyos
HBR666_21 小时前
AI编辑器(FIM补全,AI扩写)简介
前端·ai·编辑器·fim·tiptap
进击中的小龙1 天前
在vscode下的cmake项目里传参调试c++命令行程序
c++·vscode
夫唯不争,故无尤也1 天前
安装好vscode后,缺少vscode打开文件或文件夹选项
ide·vscode·编辑器
‍。。。1 天前
vscode 一键导出导入所有插件
ide·vscode·编辑器