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

相关推荐
Eiceblue8 分钟前
使用 Python 向 PDF 添加附件与附件注释
linux·开发语言·vscode·python·pdf
王RuaRua9 分钟前
VScode C/C++环境配置
c语言·c++·vscode
宁雨桥1 小时前
VSCode插件开发实战:从零到发布的技术大纲
ide·vscode·编辑器
OpenTiny社区3 小时前
如何使用 TinyEditor 快速部署一个协同编辑器
前端·开源·编辑器·opentiny
不染尘.3 小时前
图的邻接矩阵实现以及遍历
开发语言·数据结构·vscode·算法·深度优先
C7211BA1 天前
Visual Studio Code (VS Code) 官方下载渠道
ide·vscode·编辑器
zhangfeng11331 天前
win7 VSCode 1.70设置R语言的版本,电脑上有两个版本
ide·vscode·r语言
学习和思考1 天前
为什么我的vscode有的时候可以跳转,有的时候不能跳转
arm开发·ide·驱动开发·vscode·学习·1024程序员节
新手村领路人1 天前
vscode ssh远程连接 ubuntu虚拟机
ide·vscode·ssh
小-黯1 天前
VSCode + XMake搭建OpenGL开发环境
vscode·opengl·xmake