react快速写代码之snippets的使用（vscode工具）

针对使用vscode开发代码的同学，目前已知有两种快速写代码的方式

方式1-使用vscode中的插件

方法：

1. 打开vscode，找到如图1左边的插件扩展按钮
2. 搜索simple react snippets，本来试了一些第一种，但是发现功能并不是很多，建议选择如图中红框中的插件，功能比较多
3. 然后点击插件，可以看到有哪些快捷键。这里只截图一部分（图2）
   
   

方式2-自定义snippets

第一种使用插件的方式，有时候无法满足自己的需求，第二种当时就是自定义模板，但是比较麻烦，需要自己懂转义字符，这里不细说
方法：

1. 找到软件左下角的设置-用户代码片段
2. 然后如图2新建全局代码片段文件，当然也可以针对某个项目新建
3. 然后可以在写自己需要的模板

{
	"for循环": {
		"prefix": "for",
		"body": [
		  "for (const ${2:item} of ${1:array}) {",
		  "\t$0",
		  "}"
		],
		"description": "for循环"
	}
}

然后在写代码的时候，写一个for直接出来 for (const item of array) {}

差不多使用vscode自带的插件基本能满足需求