vscode自定义模板代码

1

打开vscode-->点击头部Code-->首选项-->用户片段  （我的是中文模式，英文模式下也是对应位置）

2

可以选择新的代码片段（也就是新增模版配置文件），也可以选择先有的配置文件打开，增加新的配置。并且还可以选择全局配置或者是针对当前项目的配置。

这里点击之前已经创建好的react.json.code-snippets

/** 根对象的key可以随便定义，比如log。key对应的对象值
{
	"prefix": "log", // 触发的关键字 输入log按下tab键
	"body": ["console.log()"],//可以是数组可以是字符串，
	"description": "lgo"//描述
}
**/
{
	"log": {
		"prefix": "log", // 触发的关键字 输入log按下tab键
		"body": [
			"console.log()"
		],
		"description": "lgo"
	},
	"fc": {
		"prefix": "fc", // 触发的关键字 输入fc按下tab键
		"body": [
			"const fc = () => {",
			"                  ",
			"}"
		],
		"description": "()="
	},
	"ddiv": {
		"prefix": "ddiv", // 触发的关键字 输入ddiv按下tab键,引号需要使用\来转译，\t代码一个tab符距离
		"body": [
			"<div className={\"demoDiv\"} style={{ width: \"400px\", height: \"400px\" }}>",
			"\tDemo Div",
			"</div>",
		],
		"description": "()="
	}
}

推广一下自己开发的微信小程序，有兴趣的朋友可以玩一玩