vscode 代码片段设置

文件-首选项-用户片段

选择新建代码片段

image.png

打印代码片段

{
    // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
    // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
    // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
    // used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
    // Placeholders with the same ids are connected.
    // Example:
    // "Print to console": {
    //  "scope": "javascript,typescript",
    //  "prefix": "log",
    //  "body": [
    //      "console.log('$1');",
    //      "$2"
    //  ],
    //  "description": "Log output to console"
    // }
    "打印数组": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('我爱中国',JSON.parse(JSON.stringify('$1')))",
            "$2"
        ],
        "description": "打印"
    },

    "分组打印": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.group('分组1=========>');",
            "console.log('我爱中国',JSON.parse(JSON.stringify('$1')))",
            "console.groupEnd();",
            "$2"
        ],
        "description": "分组打印"
    },

    "蓝色": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('%c%s', 'color:blue', '我爱蓝色: '+JSON.parse(JSON.stringify('$1')));",
        ],
        "description": "打印蓝色"
    },
    "红色": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('%c%s', 'color:red', '我爱红色: '+JSON.parse(JSON.stringify('$1')));",
        ],
        "description": "打印红色"
    },
    "绿色": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('%c%s', 'color:green', '我爱绿色: '+JSON.parse(JSON.stringify('$1')));",
        ],
        "description": "打印绿色"
    },
    "橙色": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('%c%s', 'color:orange', '我爱橙色: '+JSON.parse(JSON.stringify('$1')));",
        ],
        "description": "打印绿色"
    },
    "红黑": {
        "scope": "javascript,typescript",
        "prefix": "log",
        "body": [ 
            "console.log('%c我爱中国', 'color:red', JSON.parse(JSON.stringify('$1')));"
        ],
        "description": "打印绿色"
    }
}