vscode配置快捷快速填充代码

1、第一步,参照图片

vscode配置快捷快速填充代码_第1张图片

 2、第二步

vscode配置快捷快速填充代码_第2张图片

3、第三步,在输入框内填写自定义配置文件名称,我这里填写的“test”

 4、第四步,清除文件中所有内容,复制下段demo代码粘贴

{
	"html-js-vue-demo": {
		"scope": "html",
		"prefix":"xx",
		"body": [
			"",
			"",
			"",
			"",		
			"",
			"Document",
			"",
			"",
			"",
			"
", "
", "", "", " ," ], "description": "html and vue model" } }

 5、修改两处内容

         1)"prefix":"xx" 中的value为自定义快捷键的内容

         2)“body” 的value值为想要快速填充的内容,注意value值为一个数组,每段代码需双引号包起来,代码中的双引号需转义 \",每段代码用逗号分割(数组常规操作)

6、修改完成后保存

vscode配置快捷快速填充代码_第3张图片

7、新建一个文件,输入自定义快捷键后按enter即可快速填充代码,快捷键alt+shift+f 自动格式化代码(注意:新建文件才可使用快捷键,或重启vscode )

你可能感兴趣的:(vscode,vue.js)