vscode配置代码片段生成快捷键

一开始还以为是装个插件的事,没想到是自己定义的快捷键。

以vue3代码片段为例

在vscode左下角点击红框处

选择新建全局代码片段文件

输入快捷键名称 vue3(可以自定义),以.json结尾,回车

在打开的文件里编写需要的代码片段,保存。

模板代码示例如下,可以自行修改

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,会有提示,选中后回车,即可生成刚才设置的代码片段。

相关推荐
头发还在的女程序员44 分钟前
Java在线租房系统源码解析:Spring Boot+Vue 3+UniApp房源管理与预约看房方案
java·vue.js·spring boot·租房小程序·租房系统·租房软件
FYKJ_20101 小时前
springboot同人周边订单管理系统48955-计算机毕业设计、课程设计
java·javascript·vue.js·spring boot·django·php·课程设计
梯度下降者10 小时前
Nuxt框架
vue.js·服务端渲染·全栈开发·混合渲染·nuxt框架
yuyuxun118 小时前
协同过滤的校园二手物品智能推荐系统的设计与实现 毕业设计-附源码40082
javascript·vue.js·spring boot·python·数据分析·django·课程设计
FungLeo1 天前
成为全栈·Vue 管理后台篇·编辑器图片上传:从文件选择到文章附件关联
前端·vue.js·编辑器·markdown·文件上传·formdata·附件管理
码云社区1 天前
智慧物业系统选型指南:房屋档案、账单管理与报修协作
前端·javascript·vue.js·智慧物业
ruanno_top2 天前
表单重置后,验证码还显示已通过:Vue 受控组件的 3 种假同步
vue.js
ruanno_top2 天前
给标签页加 roving tabindex,整组反而键盘进不去了
vue.js
仨孩子的爹2 天前
CSS打印样式:字体族与行高在纸上的对照实测
vue.js
OpenTiny社区2 天前
AI Agent场景组件库 TinyRobot v1.0 正式发布:一站式打造您的AI助手
vue.js·github