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

相关推荐
shughui3 小时前
PyCharm 完整教程(旧版本卸载+旧/新版本下载安装+基础使用,2026最新版附安装包)
ide·python·pycharm
2401_835792547 小时前
Codex 启动报错:套接字访问权限错误 (os error 10013) 解法
vscode
公众号-老炮说Java9 小时前
IDEA 2026.1 + Claude Code = 降维打击
java·ide·intellij-idea
白菜欣9 小时前
Linux —《从零上手Vim:核心用法全解析》
linux·编辑器·vim
酿情师11 小时前
OpenCode 详细入门指南,从安装到使用保姆级教程
vscode·visual studio code·cli·opencode
QiZhang | UESTC12 小时前
vscode debug教程
ide·vscode·编辑器
我讲个笑话你可别哭啊13 小时前
Android Studio无线调试连接安卓设备
android·ide·android studio
Garfield200515 小时前
VSCode SSH 连接远程服务器后,Codex 插件登录失败
服务器·vscode·ssh·claude·codex
维吉斯蔡16 小时前
【Ubuntu】Fcitx 搜狗拼音无法在 VS Code 输入中文的修复方案
linux·vscode·ubuntu·bash
MegaDataFlowers16 小时前
解决idea报错不支持发行版本21
java·ide·intellij-idea