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

相关推荐
想退休的搬砖人38 分钟前
vue选项式写法项目案例(购物车)
前端·javascript·vue.js
啥子花道1 小时前
Vue3.4 中 v-model 双向数据绑定新玩法详解
前端·javascript·vue.js
清灵xmf1 小时前
揭开 Vue 3 中大量使用 ref 的隐藏危机
前端·javascript·vue.js·ref
学习路上的小刘2 小时前
vue h5 蓝牙连接 webBluetooth API
前端·javascript·vue.js
&白帝&2 小时前
vue3常用的组件间通信
前端·javascript·vue.js
cliffordl2 小时前
vscode 环境搭建
ide·vscode·编辑器
JANGHIGH2 小时前
VSCode引用Eigen库无法识别问题解决
ide·vscode·编辑器
冯宝宝^3 小时前
基于mongodb+flask(Python)+vue的实验室器材管理系统
vue.js·python·flask
cc蒲公英3 小时前
Vue2+vue-office/excel 实现在线加载Excel文件预览
前端·vue.js·excel
森叶4 小时前
Electron-vue asar 局部打包优化处理方案——绕开每次npm run build 超级慢的打包问题
vue.js·electron·npm