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

相关推荐
电子_咸鱼3 小时前
高阶数据结构——并查集
数据结构·c++·vscode·b树·python·算法·线性回归
Justin_JGT5 小时前
vscode配置Claude Code(使用智谱API)
ide·vscode·编辑器
知兀6 小时前
IDEA的Code Style配置(使用google的Java Code Stytle)
java·ide·intellij-idea
uotqwkn89469s12 小时前
如果Visual Studio不支持C++14,应该如何解决?
c++·ide·visual studio
散峰而望15 小时前
C语言刷题-编程(一)(基础)
c语言·开发语言·编辑器
好好沉淀21 小时前
Apache 工具包(commons-io commons-lang3 )保姆介绍
java·ide
richxu2025100121 小时前
Java开发环境搭建之 10.使用IDEA创建和管理Mysql数据库
java·ide·intellij-idea
xfmtznfl2165pv21 小时前
如何在VSCode中设置工作区特定的选项?
ide·vscode·编辑器
逻极1 天前
Kiro 安全最佳实践:守护代理式 IDE 的 “防火墙”
ide·人工智能·安全·ai
正经教主1 天前
【App开发】02:Android Studio项目环境设置
android·ide·android studio