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

相关推荐
love530love7 小时前
EPGF 新手教程 22教学模板不是压缩包:EPGF 如何设计“可复制、可检查、可回收”的课程模板?
ide·人工智能·windows·python·架构·pycharm·epgf
土豆.exe8 小时前
IfAI v0.3.0 - 从“文本“到“多模态“的感知升级
人工智能·编辑器
lonelyhiker11 小时前
IDEA未编译完就启动项目的问题
java·ide·intellij-idea
内存不泄露13 小时前
人脸识别考勤系统
ide·vue.js·python
MounRiver_Studio13 小时前
RISC-V IDE MRS2进阶分享(一):picolibc C标准库简介与使用
ide·mcu·risc-v·嵌入式开发
电子_咸鱼14 小时前
Linux IPC 实战:管道与共享内存的使用场景 + 底层原理全剖析
linux·运维·服务器·开发语言·网络·vscode·qt
:-)14 小时前
idea编辑器Ctrl+Shift+F全文件搜索无法使用
编辑器
一咦以义14 小时前
Idea远程Debug
java·ide·intellij-idea
MounRiver_Studio15 小时前
RISC-V IDE MRS2使用笔记(十四):用户反馈功能
ide·mcu·risc-v·嵌入式开发
MounRiver_Studio15 小时前
RISC-V IDE MRS2进阶分享(二):远程调试功能
ide·mcu·risc-v·嵌入式开发