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

相关推荐
Data_Adventure30 分钟前
如何在本地测试自己开发的 npm 包
前端·vue.js·svg
Wallace Zhang36 分钟前
VScode - 我的常用插件01 - 主题插件Noctis
ide·vscode·编辑器
萌萌哒草头将军41 分钟前
⚓️ Oxlint 1.0 版本发布,比 ESLint 快50 到 100 倍!🚀🚀🚀
前端·javascript·vue.js
karshey1 小时前
【Element Plus】Menu组件:url访问页面时高亮对应菜单栏
前端·javascript·vue.js
xiaogg36781 小时前
系统网站首页三种常见布局vue+elementui
前端·vue.js·elementui
前端工作日常2 小时前
学习Vue2 Commitizen规范,探索变更日志自动化
vue.js
PESO2 小时前
VUE3的组件通信,相信你看完会有更清楚的理解!
vue.js
用户0749555237182 小时前
Vue2、3组件通信的方式
vue.js
神仙别闹3 小时前
基于Java+VUE+MariaDB实现(Web)仿小米商城
java·前端·vue.js
渔舟唱晚@11 小时前
大模型数据流处理实战:Vue+NDJSON的Markdown安全渲染架构
vue.js·大模型·数据流