This extension provides you JavaScript snippets for VS Code
- html (.html)
- JavaScript (.js)
- JavaScript React (.jsx)
- TypeScript (.ts)
- TypeScript React (.tsx)
Below is a list of all available snippets and the triggers of each one. The ⇥
means the TAB
key.
trigger |
snippet(JS) |
snippet(TS) |
---|---|---|
ca⇥ |
console.assert(condition, message) |
console.assert(condition, message) |
ccl⇥ |
console.clear() |
console.clear() |
cc⇥ |
console.count(label) |
console.count(label) |
ccr⇥ |
console.countReset(label) |
console.countReset(label) |
cdb⇥ |
console.debug(message) |
console.debug(message) |
cd⇥ |
console.dir(value) |
console.dir(value) |
cdx⇥ |
console.dirxml(object) |
console.dirxml(object) |
ce⇥ |
console.error(message) |
console.error(message) |
cg⇥ |
console.group(groupTitle) |
console.group(groupTitle) |
cgc⇥ |
console.groupCollapsed(groupTitle) |
console.groupCollapsed(groupTitle) |
cge⇥ |
console.groupEnd() |
console.groupEnd() |
ci⇥ |
console.info(message) |
console.info(message) |
cl⇥ |
console.log(message) |
console.log(message) |
ctb⇥ |
console.table(tabularData) |
console.table(tabularData) |
ct⇥ |
console.time(label) |
console.time(label) |
cte⇥ |
console.timeEnd(label) |
console.timeEnd(label) |
ctr⇥ |
console.trace(message) |
console.trace(message) |
cw⇥ |
console.warn(message) |
console.warn(message) |
trigger |
snippet(JS) |
snippet(TS) |
---|---|---|
Af⇥ |
Array.from(arrayLike, mapFn) |
Array.from(arrayLike, mapFn) |
Aia⇥ |
Array.isArray(value) |
Array.isArray(value) |
Ao⇥ |
Array.of(items) |
Array.of(items) |
.concat⇥ |
.concat(items) |
.concat(items) |
.copyWithin⇥ |
.copyWithin(target, start, end) |
.copyWithin(target, start, end) |
.entries |
.entries() |
.entries() |
.every |
.every((value, index, array) => {}) |
.every((value, index, array) => {}) |
.fill |
.fill(target, start, end) |
.fill(target, start, end) |
.filter |
.filter((value, index, array) => {}) |
.filter((value, index, array) => {}) |
.find |
.find((value, index, array) => {}) |
.find((value, index, array) => {}) |
.findIndex |
.findIndex((value, index, array) => {}) |
.findIndex((value, index, array) => {}) |
.flat |
.flat(depth) |
.flat(depth) |
.flatMap |
.flatMap((value, index, array) => {}) |
.flatMap((value, index, array) => {}) |
.forEach |
.forEach((value, index, array) => {}) |
.forEach((value, index, array) => {}) |
.includes |
.includes(searchElement, fromIndex) |
.includes(searchElement, fromIndex) |
.indexOf |
.indexOf(searchElement, fromIndex) |
.indexOf(searchElement, fromIndex) |
.join |
.join(separator) |
.join(separator) |
.keys |
.keys() |
.keys() |
.lastIndexOf |
.lastIndexOf(searchElement, fromIndex) |
.lastIndexOf(searchElement, fromIndex) |
.map |
.map((value, index, array) => {}) |
.map((value, index, array) => {}) |
.pop |
.pop() |
.pop() |
.push |
.push(value) |
.push(value) |
.reduce |
.reduce((previousValue, currentValue, currentIndex, array) => {}, initialValue) |
.reduce((previousValue, currentValue, currentIndex, array) => {}, initialValue) |
.reduceRight |
.reduceRight((previousValue, currentValue, currentIndex, array) => {}, initialValue) |
.reduceRight((previousValue, currentValue, currentIndex, array) => {}, initialValue) |
.reverse |
.reverse() |
.reverse() |
.slice |
.slice(start, end) |
.slice(start, end) |
.some |
.some((value, index, array) => {}) |
.some((value, index, array) => {}) |
.sort |
.sort((a, b) => {}) |
.sort((a, b) => {}) |
.unshift |
.unshift(value) |
.unshift(value) |
.values |
.values() |
.values() |