add custom css snippet to vs code code example

Example 1: how to add custom snippets in emmet in visual studio code

"Console log": {
    "prefix": "clog",
    "body": "console.log('$1');",
    "description": "Log output to console"
}

Example 2: vscode user snippets

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},