vscode中快速生成vue3模板

步骤:设置 -> 用户代码片段 -> vue.json(没有vue.json,选vue也可)-> 定义自己所需的代码段

代码段 如下,

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

在vue文件中,键入 vue3,按 tab键,即可快捷产生vue3模板。

参考:vscode中如何快速生成vue3模板-非常实用的小技巧_vscode快速生成vue模板_China_YF的博客-CSDN博客VSCode 快速生成vue-template模板 - 简书

相关推荐
老华带你飞1 天前
校园快递|基于Java校园快递管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
AndreasEmil1 天前
JavaSE - 继承
java·开发语言·ide·vscode·intellij-idea·idea
苏打水com1 天前
第九篇:Day25-27 Vue进阶——组件复用与状态管理(对标职场“复杂项目”需求)
前端·javascript·vue.js
老华带你飞1 天前
博物馆展览门户|基于Java博物馆展览门户系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·后端
梦里不知身是客111 天前
flink对于迟到数据的处理
前端·javascript·flink
一 乐1 天前
人事管理系统|基于Springboot+vue的企业人力资源管理系统设计与实现(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot·后端
秋氘渔1 天前
Vue 3 组合式API中的生命周期钩子函数介绍
前端·javascript·vue.js
拉不动的猪1 天前
requestAnimationFrame 与 JS 事件循环:宏任务执行顺序分析
前端·javascript·面试
han_1 天前
开发提效利器 - 用好Snippets
前端·javascript·visual studio code
mCell1 天前
为什么在 Agent 时代,我选择了 Bun?
javascript·agent·bun