[vscode技巧]快速补全console.log()

英文版

File>preference>User Snippets>目标语言(javascript).json
中文版

文件>首选项>用户代码片段>目标语言(javascript).json

// 将javascript代码片段放在这里。每个代码段都在代码段名称下定义，并具有前缀、正文和说明。前缀用于触发代码段，正文将展开并插入。可能的变量有：$1、$2表示制表位，$0表示最终光标位置，${1:label}，${2:other}表示占位符。具有相同ID的占位符将被连接起来（即出现多个光标）。
"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
}

解释说明：

Print to console 代码片段名称
prefix 插件前缀
body 插件内容可以是字符串，也可以为数组，若为数组每个元素都做为单独的一行插入。
description 插件描述 Snippet 语法制表位(Tabstops) 使用制表位(Tabstops)可是在代码片段中移动光标位置，使用2来指定光标的位置,数字代表光标的移动的顺序，值得注意的时$0代表光标的最后位置。如果有多个相同的制表位(Tabstops)会在编译器里同时出现多个光标（类似编译器的块编辑模式）。
占位符(Placeholders) 占位符(Placeholders) 是带默认值的制表位(Tabstops),占位符(Placeholders)的文本会被插入到制表位(Tabstops)所在位置并且全选以方便修改,占位符(Placeholders)可以嵌套使用，比如${1:another ${2:placeholder}}。
选择项(Choice) 占位符(Placeholders)可以有多选值，每个选项的值用 , 分隔，选项的开始和结束用管道符号(|)将选项包含，例如: $1one,two,three|，当插入代码片段，选择制制表位(Tabstops)的时候，会列出选项供用户选择。
变量(Variables) 使用 namedefault可以插入变量的值，如果变量未被赋值则插入 default 的值或者空值。当变量未被定义，则将变量名插入，变量(Variables)将被转换为占位符(Placeholders)

系统变量如下

插入当前日期或时间：