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

相关推荐
Jackson@ML4 小时前
2026最新版Sublime Text 4安装使用指南
java·python·编辑器·sublime text
小小程序媛(*^▽^*)6 小时前
Claude Code 新手保姆级安装与使用指南 (ZCF 版)
linux·编辑器·vim
LcVong7 小时前
老版本Android源码在新版本IDE打开的常规报错及解决方案
android·ide
CoderIsArt7 小时前
做一个类似VS code的AI 编辑器技术方案
人工智能·编辑器
pas1369 小时前
vscode中vim的使用记录
vscode·vim
bybitq9 小时前
cmake构建c++项目时,vscode/cursor无法识别头文件路径,导致报错,解决方案
开发语言·c++·vscode
无限进步_9 小时前
二叉搜索树(BST)详解:从原理到实现
开发语言·数据结构·c++·ide·后端·github·visual studio
CoderIsArt11 小时前
AI代码编辑器详细实现步骤
人工智能·编辑器
The_cute_cat11 小时前
关于PyCharm使用Poetry的避坑
ide·python·pycharm
皓月盈江12 小时前
Linux Debian13安装的 VS Code 无法输入中文的问题解决方法
linux·vscode·ubuntu·linux debian13·vscode无法输入中文