vscode 的 console 快捷方式

平時打一個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，其它編輯器也有對應的快捷方式，可以自己發掘。