vscode中自定义vue模板(生成的模版里边的div是自己建的文件名)

1.点击之后会出来这个页面

点击去 然后输入下边这段json就可以了

TypeScript 复制代码
{
	"vue3模板": {
		"prefix": "vue",
		"description": "vue3模板",
		"body": [
			"<template>",
			"<div class='$TM_FILENAME_BASE'>",
			"</div>",
			"",
			"</template>",
			"",
			"",
			"<script setup>",
			"",
			"",
			"",
			"",
			"</script>",
			"",
			"",
			"<style scoped lang=\"less\">",
			"",
			"",
			"",
			"",
			"</style>",
			""
		]
	}
}

回到你的页面输入vue就出来这个模版了

当然你也可以设置别的名称 prefix修改这个然后页面输入的与这个字段对应就可以啦

相关推荐
JerryXZR4 分钟前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香6 分钟前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q2498596939 分钟前
前端预览word、excel、ppt
前端·word·excel
小华同学ai14 分钟前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
problc19 分钟前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
Gavin_91523 分钟前
【JavaScript】模块化开发
前端·javascript·vue.js
懒大王爱吃狼1 小时前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
待磨的钝刨3 小时前
【格式化查看JSON文件】coco的json文件内容都在一行如何按照json格式查看
开发语言·javascript·json
逐·風5 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫6 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试