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

相关推荐
山峰哥8 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
Diligently_8 天前
idea 中vm option 配置
java·ide·intellij-idea
holeer8 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
我命由我123458 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
硬汉嵌入式8 天前
Vim 9.2版本正式发布
编辑器·vim
Hello World . .8 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦8 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生8 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心8 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税8 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器