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

相关推荐
争不过朝夕,又念着往昔21 分钟前
即时通讯项目---网关服务
linux·c++·vscode
ACGkaka_4 小时前
Mac(十)设置右键文件夹使用 idea、vscode 打开
vscode·macos·intellij-idea
Hard but lovely7 小时前
vim的使用
linux·编辑器·vim
lincats1 天前
一步一步学习使用FireMonkey动画(6) 用实例理解动画的运行状态
ide·delphi·livebindings·delphi 12.3·firemonkey
404Clukay1 天前
VS Code进行.NET开发时使用断点和热重载
vscode
@Demi1 天前
vsCode或Cursor 使用remote-ssh插件链接远程终端
服务器·ide·vscode·ssh
lincats1 天前
一步一步学习使用FireMonkey动画(5) 动画图解11种动画插值类型
ide·移动开发·delphi 12.3·firedac·firemonkey
王伯爵1 天前
Visual Studio Code (VS Code) 工作区配置文件的作用
ide·vscode·状态模式
南风里1 天前
Android Studio下载gradle文件很慢的捷径之路
android·ide·android studio
后天han2 天前
vscode中launch.json中定义的编译文件名于生成的不一致修改
ide·vscode·编辑器