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

相关推荐
漫天星梦28 分钟前
Vue2项目搭建(Layout布局、全局样式、VueX、Vue Router、axios封装)
前端·vue.js
星光不问赶路人1 小时前
TypeScript 模块扩展
vue.js·typescript
柏成2 小时前
qiankun 微前端框架🐳
前端·javascript·vue.js
培林将军4 小时前
Visual Studio Code的下载,安装
ide·vscode·编辑器
skywalk81635 小时前
Ubuntu24.04的VSCode中安装MoonBit和MoonBit Toolchain(moon-pilot)
ide·人工智能·vscode·编辑器·moonbit·pilot
天下无贼5 小时前
【轮播图】H5端轮播图、横向滑动、划屏效果实现方案——Vue3+CSS position
css·vue.js
泉城老铁6 小时前
Spring Boot + Vue + ZLMediaKit 实现 RTSP 拉流播放的完整方案
java·vue.js·音视频开发
花菜会噎住6 小时前
Vue3核心语法进阶(生命周期)
前端·javascript·vue.js·生命周期
前端开发爱好者8 小时前
Vue3 "抛弃" Axios !用上了 专属请求库!
前端·javascript·vue.js
前端开发爱好者8 小时前
TanStack:不止于 Vue!一个库,真·通杀所有框架!
前端·javascript·vue.js