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

相关推荐
geovindu14 分钟前
PyCharm 2023升级2024 版本
ide·python·pycharm
pink大呲花2 小时前
设置右键打开VSCode
ide·vscode·编辑器
界面开发小八哥4 小时前
「Java EE开发指南」如何使用MyEclipse的可视化JSF编辑器设计JSP?(一)
java·ide·java-ee·开发工具·myeclipse
水饺编程4 小时前
Visual Studio 技能:调整软件界面布局
ide·visual studio
春蕾夏荷_7282977254 小时前
vscode 使用gitcode团队管理项目
vscode·gitcode
gu205 小时前
怎样将visual studio 2015开发的项目 保存为2010版本使用
ide·visual studio
学渣676565 小时前
【Jupyter 启动时如何指定目录】
ide·python·jupyter
fen_fen15 小时前
Python3:Jupyter Notebook 安装和配置
ide·python·jupyter
AIVoyager16 小时前
vscode本地化显示远程图形化界面
ide·vscode·编辑器
二狗哈16 小时前
制作一款打飞机游戏26:精灵编辑器
游戏·编辑器