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

相关推荐
j***51898 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
艾莉丝努力练剑11 小时前
【Python基础:语法第一课】Python 基础语法详解:变量、类型、动态特性与运算符实战,构建完整的编程基础认知体系
大数据·人工智能·爬虫·python·pycharm·编辑器
skywalk816312 小时前
FreeBSD系统安装VSCode Server(未成功,后来是在FreeBSD系统里的Linux虚拟子系统里安装启动了Code Server)
ide·vscode·编辑器·freebsd
深海潜水员12 小时前
【MonoGame游戏开发】| 牧场物语实现 第一卷 : 农场基础实现 (下)
vscode·游戏·c#·.net·monogame
skywalk816321 小时前
linux安装Code Server 以便Comate IDE和CodeBuddy等都可以远程连上来
linux·运维·服务器·vscode·comate
时光追逐者1 天前
Visual Studio 2026 现已正式发布,更快、更智能!
ide·c#·.net·visual studio
你还满意吗1 天前
开发工具推荐
编辑器
weixin_377634841 天前
【Git使用】PyCharm中的Git使用
ide·git·pycharm
亮子AI1 天前
如何做一个类似Word的编辑器?要有修改标记功能
编辑器·word
喂自己代言1 天前
VS Code中提升效率的实用快捷键(中英双语版)
vscode