创建VScode代码段

本文只描述在VC Code中创建自己的代码片段，其他编辑器，请自行查阅。

1. 打开VS Code，按F1 打开命令窗口，输入关键字snippet,找到首选项：配置用户代码片段，回车进入；
2. 选择新建全局代码片段文件，例如：my-snippents，默认会在C:\Users\Administrator\AppData\Roaming\Code\User\snippets文件下，创建my-snippents.code-snippents文件；(注：我们现在创建的是全局的，当然你也可以创建对应语言模式的代码片段，没错就是你刚刚看到的其它选项，点开直接配置就可以，会生成例如vue.json这样的文件，同样也会被保存在这个文件夹中)
3. 在my-snippents文件中，添加你想要配置的代码片段，举个例子，我想要在创建文件时，添加文件相关信息：

{
    "Print to console": {
        "prefix": "author",
        "body": [
            " /**"
            "   *  @author :livisun  (博客地址：https://www.livisun.top)"
            "   *  @date :$CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME"
            "   *  @Description :$1"
            "   */"
        ],
        "description": "创建信息"
    },
}

这样 ，就可以在创建文件时，以author +回车/Tab 快速输出代码片段。

wllrfyMpM5.gif

对了，简单介绍一下 snippet的语法规则

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