VScode 的 console 快捷方式 console.log()简写

平时打一个console.log()需要半天，如果console打错了又是需要半天找错，webpack构建的小项目还好，万一是大项目或者gulp，又是半天的漫长等待，简直是浪费生命。

{ "redConsole": { "prefix": "lr", "body": [ "console.log(`%c \"$1::: \"${$1}`,'color: red;')" ], "description": "red console.log" }, "console.log": { "prefix": "l", "body": [ "console.log(\"$1::: \", $1);" ], "description": "控制台输出" }, "console.error": { "prefix": "le", "body": [ "console.error(\"$1::: \", $1);" ], "description": "控制台输出错误" }, "console.warn": { "prefix": "lw", "body": [ "console.warn(\"$1::: \", $1);" ], "description": "控制台输出警告" }, "注释": { "prefix": "zz", "body": [ " /*", "\t* @$0", "\t*/", ], "description": "文档注释" } }

然后在一个js代码中打l，然后回车，就会出现一个双光标的console.log("::: ", );，：：：是为了加上标识符，让我们容易在一大堆console中找到属于自己的console。

lr回车就会出现一双光标的红色console.log(%c "::: "${},'color: red;')

le是控制台报错

lw是控制台警告

这里只是vscode，其它编辑器也有对应的快捷方式，可以自己发掘。