自定义代码片段

设置代码片段

1. ctrl+shift+P 打开命令窗口，输入“snippet”，选择“首选项：配置用户代码片段”
2. 选择一个新的代码片段文件，或者选择一个已有的代码片段文件
3. 编辑代码片段文件，保存

代码片段文件格式

{
    "vuesetup": {
		"prefix": "vuesetup",
		"body": [
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script setup name=\"${0}\"></script>",
			"",
			"<style lang=\"scss\" scoped></style>",
			"",
		],
		"description": "vuesetup"
	}
}

字段说明：

• prefix：代码片段的前缀，输入前缀后，按下tab键，即可插入代码片段
• body：代码片段的内容，可以是字符串，也可以是数组
• description：代码片段的描述，用于代码提示
• ${0}：代码片段的光标位置，按下tab键后，光标会跳转到该位置

删除代码片段

1. ctrl+shift+P 打开命令窗口，输入“snippet”，选择“首选项：配置用户代码片段”
2. 选择一个代码片段文件，顶部tab栏中，点击“在Finder中显示”
3. 删除代码片段文件