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

相关推荐
西柚云44 分钟前
告别命令行!在VSCode中直接使用Claude Code编程
服务器·ide·vscode·编辑器·claude
___波子 Pro Max.1 小时前
解决vscode code命令找不到问题
vscode
汽车软件工程师00119 小时前
vscode使用ctrl+shift +F无法搜索此变量,怎么破解?
ide·vscode·编辑器
半切西瓜19 小时前
Android Studio 创建应用自动指定SDK目录
android·ide·android studio
小坏坏的大世界20 小时前
VSCode 配置 ROS2 Launch 调试环境(Attach 方式)
ide·vscode·编辑器
纯.Pure_Jin(g)20 小时前
【Python练习四】Python 算法与进阶特性实战:数组、序列化与位运算专项练习(3道经典练习带你巩固基础——看完包会)
开发语言·vscode·python
edisao1 天前
第三章 合规的自愿
jvm·数据仓库·python·神经网络·决策树·编辑器·动态规划
云小逸1 天前
【Vscode插件开发教程】VSCode插件开发入门指南:从C++开发者的视角
c++·ide·vscode
LYOBOYI1231 天前
vscode代码跳转插件
编辑器
hamish-wu1 天前
告别idea,拥抱AI开发环境TRAE
java·ide·编辑器·intellij-idea·intellij idea·visual studio