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

相关推荐
雪芽蓝域zzs18 分钟前
Vue导入方法三种方式对比
前端·javascript·vue.js
旺旺的碎冰冰~1 小时前
VScode解决终端输出中文乱码问题
ide·vscode·编辑器
雪芽蓝域zzs1 小时前
从零搭建【pnpm+Vue3+TS+Setup+VueRouter4+Pinia+Axios+ElementPlus (unplugin 按需)】仿若依后台
前端·vue.js
jason.zeng@15022073 小时前
使用vscode+flutter开发android程序(入门)
android·vscode·flutter
weixin_BYSJ19875 小时前
【计算机毕设】基于Spring_Boot_Vue的马拉松报名与选手成绩追踪系统05445
java·vue.js·spring boot·学习·spring·django·课程设计
星光不问赶路人18 小时前
Vue 3 + TypeScript 中 enum 的使用实践
前端·vue.js
志尊宝19 小时前
Vue3 零基础每日笔记(087):Vue3 高频面试题(下)
前端·javascript·vue.js·笔记·ecmascript·#vue.js
golang学习记21 小时前
最新版VS Code开发Spring Boot项目保姆级教程
java·spring boot·vscode·后端
用户83134859306981 天前
Vue3 事件:常用用法与开发高频坑点
前端·javascript·vue.js
鶴哥只手遮天1 天前
Vue 3 核心源码深度剖析系列(v3.5.44)-第 2 章 响应式内幕(一):`effect` 与依赖追踪机制
前端·vue.js·开源