Code中新建全局代码段

顶部---》文件---》首选项---》用户片段---》顶部中间出现搜索框，选择新建全局代码段如下操作：

setp1.png

选择之后会跳转到设置snippets然后将下面代码粘贴过去：

{
    "React-Native Class": {
        "scope": "javascript,typescript",
        "prefix": "yyj",
        "body": [
            "/**",
            "* @ className:$TM_FILENAME_BASE",
            "* @ tips:$TM_FILENAME_BASE",
            "* @ author:Jack Yu",
            "* @ email:1061202693@qq.com",
            "* @ data: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE",
            "*/",
            "export default class $TM_FILENAME_BASE extends Laya.Script {",
            "",
            "\t/** @prop {name:xx,tips:\"提示文本\",type:Node, default:null}*/",
            "\tpublic xx: Laya.Text;",
            "",
            "\tconstructor() {",
            "\t\tsuper();",
            "\t\t///** @prop {name:xx, tips:\"提示文本\", type:Node, default:null}*/",
            "\t\t//this.xx=null;",
            "\t}",
            "",
            "\tonAwake() {",
            "\t}",
            "}"
        ],
        "description": "快速创建一个Laya模板类"
    }
}

以上字段定义解释如下：

React-Native Class 字段：给模板取的名称（这个可根据自己喜欢取名）
scope（固定字段）：文件创建属性，比如javascript,typescript，可不写，但不能乱写
prefix（固定字段）：智能提示选项卡，比如你取名yyj，当你创建一个文件后，输入yyj后就会出现智能选项卡
body （固定字段）：字符串数组，放置代码片段，一句代码占用一个元素（缩进使用"\t"，尽量不要使用空格）
description（固定字段）：这个模板的描述，智能提示卡上可显示

语法解释：

$1,$2,$3...$0:制表位，表示代码片段创建好后光标显示的位置，$1表示光标初始位置，$2表示用户按下键盘上的Tab键光标移动的下一个位置，依次类推，$3表示再次按下Tab键的下一个位置，数字表示Tab按下几下显示的位置，$0表示光标结束的位置
（预占制表位可嵌套使用，比如${1:another ${2:placeholder}}）
${1|one,two,three|}：占位符有选择的值，当用户Tab选中是显示可选的值，用户给出的值中选择。语法：在| |（双竖线）内写预选参数，多个参数用“，”隔开，根据需要，数字1也是可变的
$name 或 ${name:default}:插入可变的值，当一个变量不设置,默认或空字符串插入，当一个变量是未知的(即它的名字不是下面定义的变量)变量的名称，那插入之后将转换成占位符

可以使用的基本变量：

    TM_SELECTED_TEXT 当前选中的文本或空字符串
    TM_CURRENT_LINE 当前行中的内容（即你哪行输入模板，即显示当行）
    TM_CURRENT_WORD 词的内容根据光标或空字符串
    TM_LINE_INDEX 基于zero-index的行号（即你在哪行创建的快速模板的行号 减1）
    TM_LINE_NUMBER 基于一个索引的行号（即你在哪行创建的快速模板的行号）
    TM_FILENAME 当前文档的文件名
    TM_FILENAME_BASE 当前文档的文件名（不包括扩展）
    TM_DIRECTORY 当前文档的目录
    TM_FILEPATH 当前文档的完整的文件路径
    CLIPBOARD 剪贴板的内容

可插入的日期和时间变量：

    CURRENT_YEAR 当前日期的年(example '2019')
    CURRENT_YEAR_SHORT 当前年的后两位(example '19')
    CURRENT_MONTH 当前月两位表示法 (example '02')
    CURRENT_MONTH_NAME 当前月全称 (example 'March')
    CURRENT_MONTH_NAME_SHORT 当前月简称 (example 'Mar')
    CURRENT_DATE 当天两位表示法 (example '06')
    CURRENT_DAY_NAME 星期 (example 'Monday')
    CURRENT_DAY_NAME_SHORT 星期简称 (example 'Mon')
    CURRENT_HOUR 24小时制，小时
    CURRENT_MINUTE 分
    CURRENT_SECOND 秒

可插入的块语法：

    BLOCK_COMMENT_START 例如在PHP中输出/*或者HTML中输出<!--
    BLOCK_COMMENT_END 例如在PHP中输出*/或者HTML中输出 -->
    LINE_COMMENT 例如在PHP中输出//或者HTML中输出<!-- -->

更加详细的内容有兴趣可以看Visual Studio Code 官方文档
文章借鉴：https://juejin.im/post/5c887bb5f265da2dba0262b0

最后编辑于：2020.07.07 11:10:14