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

相关推荐
COSMOS_*14 小时前
2025最新版 Android Studio安装及组件配置(SDK、JDK、Gradle)
android·ide·jdk·gitee·android studio
工程师老罗14 小时前
Pycharm下如何新建一个conda环境?
ide·pycharm·conda
Jackson@ML17 小时前
2026最新版Eclipse for Java安装使用指南
java·ide·eclipse
叶落无痕5218 小时前
Android Studio 2024.3.1 连接夜神模拟器
android·ide·android studio
在线OJ的阿川20 小时前
vscode远程连接服务器:解决Got bad result from install script
服务器·ide·vscode·个人开发
Lv11770081 天前
Visual Studio中的二维数组和交错数组
ide·笔记·c#·visual studio
学嵌入式的小杨同学1 天前
【嵌入式 C 语言高频考点】周测 + 期中真题解析:从基础语法到编程实战
c语言·数据结构·数据库·vscode·算法·面试
一条闲鱼_mytube1 天前
Cursor 中优雅使用 Agent Skills:从 0 到一套可复用的“技能系统”
ide
云和数据.ChenGuang1 天前
CANN实现语音积分程序的测试
ide·macos·ai·cann·人工智能识别语音
26岁的学习随笔1 天前
解决 Claude Code VS Code 扩展在 Windows 上无法检测 Git Bash 的问题
vscode·claude code·git-bash