vs code 自定义代码片段

Posted sangzs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vs code 自定义代码片段相关的知识,希望对你有一定的参考价值。

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

技术分享图片

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

技术分享图片

3.在javascript.json文件中

技术分享图片

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

 4.实例

技术分享图片

5.智能提示效果

技术分享图片

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

 技术分享图片

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

       https://segmentfault.com/q/1010000011560076

以上是关于vs code 自定义代码片段的主要内容,如果未能解决你的问题,请参考以下文章

vs code 自定义代码片段

如何在 Vs Code 中更改默认自动选择的用户片段行为

VS中添加自定义代码片段——偷懒小技巧

Sublime Text自定制代码片段(Code Snippets)

VS Code配置markdown代码片段

VS Code配置markdown代码片段