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@ML10 小时前
2026最新版Visual Studio安装使用指南
ide·c#·visual studio
虚神界熊孩儿12 小时前
OpenStation + VSCode :本地大模型赋能编码效率的实战指南
vscode·大模型部署·大模型本地部署
chao_66666613 小时前
Claude Code for vscode 新手入门完整教程
ide·vscode·ai·编辑器·ai编程·claude
Satellite_H13 小时前
Keil + VSCode 优化开发体验
ide·vscode·编辑器
v_for_van15 小时前
STM32低频函数信号发生器(四通道纯软件生成)
驱动开发·vscode·stm32·单片机·嵌入式硬件·mcu·硬件工程
lingzhilab15 小时前
零知IDE—— ESP8266(ESP-12F)MESH 组网实现多设备智能家居控制系统(灯光 / 传感器 / 人体感应)
c++·ide·智能家居
HAPPY酷16 小时前
Visual Studio 原生项目(.vcxproj) 和 CMake 项目对比
ide·visual studio
__xu_16 小时前
【总结】查看某个文件git提交记录的两种方法
git·vscode·提交记录
柠檬叶子C17 小时前
STM32CubeIDE 安装教程 | 2026最新STM32CubeIDE安装教程 | STM32CubeIDE保姆级安装教程
ide·stm32·嵌入式硬件
山有木兮啊17 小时前
VSCode Remote-SSH 连接Mac卡在初始化VSCode
vscode·macos·ssh