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模板 - 简书

相关推荐
半兽先生5 分钟前
解决使用jsPDF实现表格数据导出pdf功能时中文乱码问题
前端·vue.js·elementui
qq_4061761424 分钟前
吃透JS异步编程:从回调地狱到Promise/Async-Await全解析
服务器·开发语言·前端·javascript·php
幻云201026 分钟前
Python深度学习:筑基与实践
前端·javascript·vue.js·人工智能·python
@大迁世界28 分钟前
停止使用 innerHTML:3 种安全渲染 HTML 的替代方案
开发语言·前端·javascript·安全·html
沛沛老爹29 分钟前
从Web到AI:多模态Agent Skills生态系统实战(Java+Vue构建跨模态智能体)
java·前端·vue.js·人工智能·rag·企业转型
子非鱼92138 分钟前
Vue框架快速上手
前端·javascript·vue.js
Hi_kenyon39 分钟前
JS中的export关键字
开发语言·javascript·vue.js
不吃洋葱.1 小时前
js主要内容
开发语言·javascript·ecmascript
津津有味道1 小时前
WEB浏览器网页读写Desfire EV1 EV2 EV3卡,修改DES、3DES、AES密钥JS源码JavaScript
前端·javascript·nfc·desfire·ev2·ev3·ev1
敲敲了个代码1 小时前
前端指纹技术是如何实现的?(Canvas、Audio、硬件API 核心原理解密)
前端·javascript·学习·算法·面试·web