janschill
6/7/2018 - 3:40 PM

User snipperts for JavaScript in Visual Studio Code

User snipperts for JavaScript in Visual Studio Code

{
	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. 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": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Console Log": {
		"prefix": "log",
		"body": [
			"console.log('$1');"
		],
		"description": "Log output to console"
	},
	"DOM ready": {
		"prefix": "dom",
		"body": [
			"var init$2 = function ($$1) {",
			"\t$3",
			"};",
			"",
			"document.addEventListener('DOMContentLoaded', function () {",
			"\tvar $$1s = document.querySelectorAll('.$1');",
			"",
			"\t$$1s.forEach(function ($$1) {",
			"\t\tinit$2($$1);",
			"\t}",
			"});"
		],
		"description": "DOM event listener"
	},
	"Invoked Function": {
		"prefix": "ifunc",
		"body": [
			"(function () {",
			"\t$1",
			"}());"
		],
		"description": "Immediately-Invoked Function Expression"
	},
	"Function": {
		"prefix": "func",
		"body": [
			"var $1 = function ($2) {",
			"\t$3",
			"};"
		],
		"description": "Function"
	},
}