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

相关推荐
LYOBOYI12311 分钟前
使用vscode创建qt的qml项目
ide·vscode·编辑器
无限进步_16 分钟前
C++多态全面解析:从概念到实现
开发语言·jvm·c++·ide·git·github·visual studio
无限进步_18 分钟前
C++ STL容器适配器深度解析:stack、queue与priority_queue
开发语言·c++·ide·windows·算法·github·visual studio
lingzhilab20 分钟前
零知IDE——零知ESP32-S3部署 AI小智 2.0版发布!调整界面UI,新增LED、舵机和风扇外部设备和控制
ide·交互
知远同学15 小时前
Pycharm顶部菜单栏固定显示
ide·python·pycharm
Everybody_up16 小时前
pycharm中编译环境配置
ide·python·pycharm
Franklin18 小时前
移植一个Pycharm的复杂项目:
ide·python·pycharm
夜雨听萧瑟18 小时前
VSCode的clangd插件简单介绍和使用
vscode
技术小甜甜20 小时前
【Godot】【入门】GDScript 快速上手(只讲游戏里最常用的 20% 语法)
android·游戏·编辑器·游戏引擎·godot
farewell-Calm1 天前
Android Studio 添加第三方库
android·ide·android studio