vscode自定义用户代码片段

依次点击左下角设置齿轮 -> User Snippets(用户代码片段)

• 如果只想在某语言中用就选择对应语言
• 如果想全局使用就选择New Global Snippets file

输入代码

主要就是四个部分：

1. key：代码提示弹窗显示的此Snippet的名字
2. scope：表明该Snippet在哪些语言文件内生效
3. prefix：指定触发此Snippet的关键字
4. body：为Snippet的模板内容
5. description：对此Snippet的描述

例: 箭头函数df

"箭头函数": {		 //代码片段名称
		"prefix": "df",			 //快捷键唤醒代码片段 可以自己设置成别的
		"body": [		 		 //body里面的内容就是代码段内容
		"($1) => {$2}"  		 // $1和$2为占位符
		],
		"description": "Arrow Function" //代码片段的介绍描述
		}

使用

在 setting.json 中添加以下设置：

"emmet.triggerExpansionOnTab": true

添加了上面的设置后，输入自定义组件名称按 Tab 键即可生成闭合标签。