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

相关推荐
怎么没有名字注册了啊16 小时前
(Mac)Visual Studio Code 配置 C/C++运行环境
c++·vscode·macos
风静如云17 小时前
VSCode:编译C/C++单文件程序
vscode
Irene199118 小时前
VSCode 终端快捷键
vscode·终端
CNRio18 小时前
Day 12:Git配置详解:用户信息、编辑器、颜色等配置
git·elasticsearch·编辑器
怪力左手1 天前
vscode扩展离线下载
ide·vscode·编辑器
quanyechacsdn1 天前
Android Studio创建库文件用jitpack构建后使用implementation方式引用
android·ide·kotlin·android studio·implementation·android 库文件·使用jitpack
larance1 天前
jupyter 服务端扩展开发
ide·python·jupyter
Juskey iii1 天前
Android Studio Electric Eel | 2022.1.1 Patch 2 版本下载
android·ide·android studio
drebander2 天前
Cursor IDE 中 Java 项目无法跳转到方法定义问题解决方案
java·ide·cursor
JH30732 天前
消除Intellij IDEA的Not annotated parameter overrides @NonNullApi parameter警告
ide