Windows 设置vscode 的 user snippets 片段

如题，最近在学习React，想着每次都把一些代码粘贴来粘贴去，很麻烦，所以，就想着用一下Vscode的超好用功能 snippet 功能，也就是你一打开空文件时，可以直接通过一些快捷的输入生成一些必要的，但没必要每次都打的代码。相当好用

1、设置路径

英文版：在vscode界面找到 file—>preference---->user snippet—>html.json

中文版: 在vscode界面找到 文件—>首选项---->用户片段—>html.json

快捷键版:

1.ctrl+shift+p
2.选择 Preferences: Configure User Snippets
​
3.选择语言 html.json

目标

在vscode中输入createreact 然后产生一个自己想要的模板
写好模板
在线上写好模板
传送门：https://snippet-generator.app/

1是标题,对应

2是前缀.对应在vue中使用的快捷键 createreact
3就是需要显示的代码段了
附上自己的代码和生成后的模板

// 代码

{
"creact react snippet": {
	"prefix": "creactreact",
	"body": [
		"",
		"",
		"",
		"    ",
		"    ",
		"    ",
		"",
		"",
		"  
",
		"",
		"  ",
		"  ",
		"  ",
		"  ",
		"",
		"  ",
		"",
		""
	],
	"description": "creact react snippet"
	}
}