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

相关推荐
@yanyu6667 小时前
登录注册功能-明文
vue.js·springboot
滕青山11 小时前
在线PDF拆分工具核心JS实现
前端·javascript·vue.js
光影少年17 小时前
前端在页面渲染优化和组件优化经验?
前端·vue.js·react.js·前端框架
千码君201618 小时前
flutter: 分享一下基于trae cn 构建的过程
java·vscode·flutter·kotlin·trae
我才是一卓19 小时前
2026 Python 入门教程,结合 vscode 和 miniforge/miniconda
开发语言·vscode·python
李白的天不白20 小时前
VUE依赖配置问题
前端·javascript·vue.js
lzl204020 小时前
VSCode中Codex CLI登录卡在‘Sign in with ChatGPT‘屏幕
ide·vscode·chatgpt·codex
小智社群20 小时前
获取贝壳新房列表
前端·javascript·vue.js
SkyXZ~20 小时前
Mac上使用VScode优雅开发STM32
vscode·stm32·macos
一 乐21 小时前
茶叶商城|基于springboot + vue茶叶商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·茶叶商城系统