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

相关推荐
江西理工大学小杨5 分钟前
VScode连接远程Linux服务器环境配置
ide·vscode·编辑器
莲动渔舟4 小时前
国产编辑器EverEdit - 命令窗口应用详解
编辑器·emeditor·everedit
aloneboyooo6 小时前
Android Studio安装配置
android·ide·android studio
梓懿lwh6 小时前
vim的介绍
linux·编辑器·vim
涛ing7 小时前
23. C语言 文件操作详解
java·linux·c语言·开发语言·c++·vscode·vim
手捧向日葵的话语8 小时前
Linux下的编辑器 —— vim
linux·编辑器·vim
莲动渔舟8 小时前
国产编辑器EverEdit - 快捷目录
编辑器
小唐C++9 小时前
C++小病毒-1.0勒索
开发语言·c++·vscode·python·算法·c#·编辑器
放飞自我的Coder10 小时前
使用 ECS服务器 和 vsCode 搭建远程开发站
vscode·ssh
蘑菇丁11 小时前
ansible批量生产kerberos票据,并批量分发到所有其他主机脚本
java·ide·eclipse