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

相关推荐
oDeviloo2 小时前
新版IntelliJ IDEA个性化设置兼容老版习惯
java·ide·intellij-idea
课堂随想2 小时前
vscode关闭自动激活conda环境
vscode·conda
spencer_tseng3 小时前
Eclipse Uninstall Software
java·ide·eclipse
.NET修仙日记8 小时前
Visual Studio 演进之路:从集成套件到AI驱动的开发平台
ide·编辑器·ai编程·visual studio·1024程序员节
獨枭8 小时前
Visual Studio 编译带显卡加速的 OpenCV
ide·opencv·visual studio
豆约翰9 小时前
xv6-riscv开发调试环境搭建(vscode+ubuntu)
ide·vscode·ubuntu
零戚11 小时前
使用cursor/vscode开发服务器远程桌面应用(X11转发)
服务器·ide·vscode
fouryears_2341711 小时前
IDEA推送github,身份认证错误:Cannot assign requested address: getsockopt 解决方法
java·ide·intellij-idea
white-persist11 小时前
Linux中,vi(vim)编辑器大部分快捷键
linux·运维·服务器·网络·安全·编辑器·vim
Wallace Zhang12 小时前
PySide6 + QML - 多线程02 - QThread 生命周期与安全退出
vscode·pyside6·qml