vscode 如何配置快速生成 vue3 模板

(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段

(2)输入 vue,选择 vue.json 文件

(3)在注释下添加如下代码即可

复制代码
{
	"Print to console": {
		"prefix": "vue3",        //键入该值,按tab快捷产生
		"body": [
			"<template>",
			"",
			"</template>",
			"<script setup>",
			"",
			"</script>",
			"<style scoped lang='scss'>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

保存即可。

使用时输入 vue3 即可快速生成 vue3 模板。

相关推荐
后天han7 小时前
vscode中launch.json中定义的编译文件名于生成的不一致修改
ide·vscode·编辑器
direction__7 小时前
Java Main无法初始化主类的原因与解决方法(VsCode工具)
java·vscode
省四收割者10 小时前
Go语言入门(10)-数组
数据结构·经验分享·笔记·vscode·算法·golang
Thomas_YXQ11 小时前
Unity3D编辑器扩展-物体批量替换设置材质
游戏·unity·编辑器·游戏引擎·材质
lincats12 小时前
一步一步学习使用FireMonkey动画(3) 使用Delphi的基本动画组件类
ide·delphi·delphi 12.3·firemonkey
在嵌入式里摸爬滚打13 小时前
VScode远程连接Ubuntu报错问题分析
ide·vscode·编辑器
funfan051714 小时前
IDEA基础配置优化指南(中英双版)
java·ide·intellij-idea
萧戈15 小时前
如何为 Visual Studio 2019 安装 WDK
ide·visual studio
lincats18 小时前
一步一步学习使用FireMonkey动画(2) 使用TAnimator类创建动画
ide·delphi 12.3·firedac·firemonkey
risc-v@cn21 小时前
【在ubuntu下使用vscode打开c++的make项目及编译调试】
c++·vscode·ubuntu