怎么编辑vscode代码片段

在日常工作中，经常使用一些固定代码，为了偷懒，所以就想怎么才能避免写这些没有技术含量的东西。后来看到vscode能插入代码片段，所以就研究了一下。

打开代码片段编译

在vscode中，使用Ctrl+Shift+P打开命令行输入snippet,选中配置用户代码片段

变量说明

在打开的编辑器中，有以下变量

• scope: 用来生命此片段适用的语言是什么，如果不填写的话，就是全部语言
• prefix: 相当于快捷键，用户在代码中输入此字符时，将会将body插入
• body：将要插入的代码，其中会有一些变量，可以在代码中，使用tab更换位置，进行修改。参数0是最终光标的位置
• description:对此片段进行描述

实例

"react func comp":{
		"scope": "javascript, typescript",
		"prefix": "rfc",
		"body": [
			"import React from \"react\"",
			"const $1 = () => {",
			"  return <div></div>",
			"}",

			"export default $1"
		]
	}
复制代码

问题

1. 在编辑时，出现 Invalid characters in string. Control characters must be escaped.

可以将Tab生成的空格去除，用空格键去添加

2. 在编辑完成后，使用prefix快捷键，无效。
   1. 关闭vscode，重新进入
   2. 没有解决的话，需要看下vscode的语言选择，是否不是你指定的scope里的语言

然后将语言改成你scope中的语言即可。