vs code 自定义代码片段

时间:2023-03-09 03:45:08
vs code 自定义代码片段

1.快捷键Ctrl+Shift+P打开命令输入 snippet : (也可以点击文件=>首选项=>用户代码片段)

vs code 自定义代码片段

2.选择代码语言类型(这里以JavaScrpt为例)

vs code 自定义代码片段

3.在javascript.json文件中

vs code 自定义代码片段

prefix      :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入log会有智能感知.
body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用\r\n换行符隔开.注意如果值里包含特殊字符需要进行转义.
        多行语句的以,隔开
$1 :这个为光标的所在位置.
$2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换,还可以有$3,$4,$5.....
description :代码段描述,在使用智能感知时的描述

4.实例

vs code 自定义代码片段

5.智能提示效果

vs code 自定义代码片段

6.实际代码片段输出效果

vs code 自定义代码片段

参考文章地址:https://www.cnblogs.com/summit7ca/p/5225494.html

       https://segmentfault.com/q/1010000011560076