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

相关推荐
NKelly19 分钟前
neovim等模态编辑器最优雅的输入法解决方案
运维·编辑器·vim·yaml
浩浩测试一下1 小时前
C库OpenSSL安装与VisualStudio配置
ide·visual studio
hoo3433 小时前
【Typora】!Markdown 编辑器详细安装教程,高效上手
linux·编辑器
应茶茶3 小时前
VsCode通过SSH远程连接云服务器遇到主机密钥变更问题
服务器·vscode·ssh
猿小猴子4 小时前
主流 AI IDE 之一的 Meituan CatPaw IDE 介绍
ide·meituan catpaw
蜡笔大新7985 小时前
IDEA中的异常
java·ide·intellij-idea
小龙报6 小时前
《VScode搭建教程(附安装包)--- 开启你的编程之旅》
c语言·c++·ide·vscode·单片机·物联网·编辑器
木易 士心7 小时前
Android Studio + Gemini 移动开发领域的一次范式转移
android·ide·android studio
洛克大航海7 小时前
PyCharm 软件关联 GitHub 账户
ide·pycharm·github
无糖冰可乐2113 小时前
IDEA多java版本切换
java·ide·intellij-idea