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

相关推荐
yangrenrui3 小时前
VSCode 完全指南:释放你的编码潜能
ide·vscode·编辑器
清朝牢弟3 小时前
Ubuntu系统VScode实现opencv(c++)视频的处理与保存
c++·人工智能·vscode·opencv·ubuntu
零基础的修炼4 小时前
Linux---编辑器vim
linux·编辑器·vim
Kyln.Wu6 小时前
【python实用小脚本-169】『Python』所见即所得 Markdown 编辑器:写完即出网页预览——告别“写完→保存→刷新”三连
开发语言·python·编辑器
liliangcsdn10 小时前
python 12 install jupyter时zmq.h或libzmq报错处理
ide·python·jupyter
linux修理工11 小时前
sublime 乱码问题
编辑器·sublime text
带电的小王19 小时前
Windows中使用Qwen模型:VSCode+Cline
ide·vscode·ai编程·qwen
星图易码19 小时前
星图云开发者平台新功能速递 | 孪生场景编辑器:零门槛构建高保真三维数字孪生场景
编辑器
七月shi人20 小时前
【AI编程工具IDE/CLI/插件专栏】- 热门AI编程CLI初识与IDE对比
ide·人工智能·ai·ai编程
小毛驴8501 天前
Visual Studio Code (VSCode) 的常用快捷键
ide·vscode·编辑器