vscode代码片段

vscode中,用户的自定义代码片段,可以完成一些简单的代码的自动化完成功能。把一些常用的代码片段,收集,方便自己快速的写代码,虽然打字的速度也能很快,但是这些简单的代码,直接生成效果更好,不用担心自己拼写出错。

vscode:文件->首选项->用户自定义片段。

字段说明:

prefix      :代码片段名字,即输入此名字就可以调用代码片段。
body        :这个是代码段的主体.需要编写的代码放在这里,      
$1          :生成代码后光标的初始位置.
$2          :生成代码后光标的第二个位置,按tab键可进行快速切换,还可以有$3,$4,$5.....
${1,字符}    :生成代码后光标的初始位置(其中1表示光标开始的序号,字符表示生成代码后光标会直接选中字符。)
description :代码段描述,输入名字后编辑器显示的提示信息。

技巧

比如首尾等多处需要呼应的地方,可以使用${1:msg}这种方式,来解决,如定义html的标签时。

php.json

{
	"var dump": {
		"prefix": "vd",
		"body": [
			"var_dump($$1);"
		],
		"description": "var_dump var"
	},
	"var dump and exit": {
		"prefix": "vde",
		"body": [
			"var_dump($$1);exit;"
		],
		"description": "var_dump var and exit;"
	}
}

对应的yaml文件,确实非常的简洁。

var dump:
  prefix: vd
  body:
  - var_dump($$1);
  description: var_dump var
var dump and exit:
  prefiex: vde
  body:
  - var_dump($$1);eixt;
  description: var_dump var and exit