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