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

相关推荐
golang学习记15 分钟前
JetBrains 推出革命性产品:AI IDE (AIR) —— AI编程全新范式!
ide·人工智能
早日退休!!!38 分钟前
GCC与LLVM编译器深度解析:核心原理与差异对比(小白向)
c++·编辑器
One_Piece_Fu43 分钟前
2026年node.js最新版下载(24.12.0LTS)安装教程(详细)
vscode·学习·node.js
stevenzqzq14 小时前
ctrl +B和ctrl+shift +B的区别
android·ide·android studio
ASEpochs14 小时前
Vsocde中‘sh’不是内部或外部命令,也不是可运行的程序或批量处理文件--已解决
git·vscode·bash
深念Y19 小时前
删除IDEA中的JDK列表项
java·ide·jdk·intellij-idea·idea·sdk
安全渗透Hacker19 小时前
IDEA 中主流 API 插件对比及实操建议
java·ide·intellij-idea
不爱编程爱睡觉19 小时前
vscode下载/常用插件分享及如何链接Ubuntu
ide·vscode·ubuntu
love530love20 小时前
EPGF 新手教程 13在 PyCharm(中文版 GUI)中创建 Hatch 项目环境,并把 Hatch 做成“项目自包含”(工具本地化为必做环节)
开发语言·ide·人工智能·windows·python·pycharm·hatch
ziyue757521 小时前
idea不能使用低版本插件问题解决
java·ide·intellij-idea