Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>JavaScript code snippetsNew to Visual Studio Code? Get it now.

JavaScript code snippets

Moaz Irfan

|
3,467 installs
| (1) | Free
JavaScript (ES6) code snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JavaScript Snippets for VS Code

This extension contains code snippets for JavaScript in ES6 syntax.

Install from VSCode Extension Marketplace JavaScript code snippets

Snippets

Type Less & Do More with super easy triggers of code snippets.

List of all the snippets with triggers:

Console

[ci] console.info

console.info(${1});

[cl] console.log

console.log(${1});

[ce] console.error

console.error(${1});

[cw] console.warn

console.warn(${1});

[cd] console.dir

console.dir(${1});

DOM

[ae] addEventListener

${1:document}.addEventListener('${2:load}', (e) => {
	${3:// body}
});

[ac] appendChild

${1:document}.appendChild(${2:elem});

[rc] removeChild

${1:document}.removeChild(${2:elem});

[cel] createElement

${1:document}.createElement(${2:elem});

[cdf] createDocumentFragment

${1:document}.createDocumentFragment();

[ca] classList.add

${1:document}.classList.add('${2:class}');

[ct] classList.toggle

${1:document}.classList.toggle('${2:class}');

[cr] classList.remove

${1:document}.classList.remove('${2:class}');

[gi] getElementById

${1:document}.getElementById('${2:id}');

[gc] getElementsByClassName

${1:document}.getElementsByClassName('${2:class}');

[gt] getElementsByTagName

${1:document}.getElementsByTagName('${2:tag}');

[ga] getAttribute

${1:document}.getAttribute('${2:attr}');

[sa] setAttribute

${1:document}.setAttribute('${2:attr}', ${3:value});

[ra] removeAttribute

${1:document}.removeAttribute('${2:attr}');

[ih] innerHTML

${1:document}.innerHTML = '${2:elem}';

[tc] textContent

${1:document}.textContent = '${2:content}';

[qs] querySelector

${1:document}.querySelector('${2:selector}');

[qsa] querySelectorAll

${1:document}.querySelectorAll('${2:selector}');

Loop

[fl] for loop

for (let ${1:i} = 0, ${2:len} = ${3:iterable}.length; ${1:i} < ${2:len}; ${1:i}++) {
	${0}
}

[rfl] reverse for loop

for (let ${1:i} = ${2:iterable}.length - 1; ${1:i} >= 0; ${1:i}--) {
	${0}
}

[fi] for in loop

for (let ${1:key} in ${2:array}) {
	if (${2:array}.hasOwnProperty(${1:key})) {
		${0}
	}
}

},

[fo] for of loop (ES6)

for (let ${1:key} of ${2:array}) {
	${0}
}

[wl] while loop

while (${1:condition}) {
	${0}
}

Functions

[f] anonymous function

function (${1:arguments}) {
	${0}
}

[fn] named function

function ${1:name}(${2:arguments}) {
	${0}
}

[iife] immediately-invoked function expression (IIFE)

((${1:arguments}) => {
	${0}
})(${2});

[fa] function apply

${1:fn}.apply(${2:this}, ${3:arguments})

[fc] function call

${1:fn}.call(${2:this}, ${3:arguments})

[fb] function bind

${1:fn}.bind(${2:this}, ${3:arguments})

`[af] arrow function (ES6)

(${1:arguments}) => ${2:statement}

[afb] arrow function with body (ES6)

(${1:arguments}) => {
	${0}
}

[gf] generator function (ES6)

function* (${1:arguments}) {
	${0}
}

[gfn] named generator function (ES6)

function* ${1:name}(${2:arguments}) {
	${0}
}

Iterables

[seq] sequence of 0..n

[...Array(${1:length}).keys()]${0}

[fe] forEach loop

${1}.forEach((${2:item}) => {
	${0}
});

[map] map

${1}.map((${2:item}) => {
	${0}
});

[reduce] reduce

${1}.reduce((${2:previous}, ${3:current}) => {
	${0}
}${4:, initial});

[filter] filter

${1}.filter(${2:item} => {
	${0}
});

[find] find

${1}.find(${2:item} => {
	${0}
});

JSON

[jp] JSON.parse

JSON.parse(${1:obj});

[js] JSON.stringify

JSON.stringify(${1:obj});

Timer

[si] setInterval

setInterval(function() {
	${0:// body}
}, ${1:1000});

[st] setTimeout

setTimeout(function() {
	${0:// body}
}, ${1:1000});

Misc

[us] use strict

'use strict';

[al] alert

alert('${1:msg}');

[co] confirm

confirm('${1:msg}');

[pm] prompt

prompt('${1:msg}');

[ter] ternary operator

${1:condition} ? ${2:expression} : ${3:expression};

[de] debugger

debugger;
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft