【vscode设置自定义代码块快捷键,以设置vue常用代码块为例】

vscode设置自定义代码块快捷键,以设置vue常用代码块为例

打开vscode的文件——首选项——配置用户代码片段

【vscode设置自定义代码块快捷键,以设置vue常用代码块为例】_第1张图片

然后在输入框中输入vue回车进入vue.json

【vscode设置自定义代码块快捷键,以设置vue常用代码块为例】_第2张图片

在vue.json中添加下面常用代码,也可自定义编辑

{
	"vue": {
	"prefix": "vue",
	"body": [
		"",
"",
"",
],
"description": "generate a vue file"}
}

保存后,在新建的.vue页面输入vue即可自动补充刚才自定义的代码块

【vscode设置自定义代码块快捷键,以设置vue常用代码块为例】_第3张图片

你可能感兴趣的:(JAVA全栈学习路线,#,Web,vscode,vue.js,ide,自定义快捷键)