SnipJS
A collection of common javascript statement snippets for faster development in Visual Studio Code.
Assignments
la =>
let assignment
let ${1:name} = ${2:value}
va =>
var assignment
var ${1:name} = ${2:value}
ca =>
const assignment
const ${1:name} = ${2:value}
aa =>
array assignment
let ${1:name} = [${2:value1}, ${3:value2}]
oa =>
object assignment
let ${1:obj} = {
"${2:key}": ${3:value}
}
Functions
af =>
arrow function
const ${1:name} = (${2:param}) => {
}
nf =>
named function
function ${1:name} (${2:param}) {
}
Conditions
ac =>
and condition
${1:condition1} && ${2:condition2}
oc =>
or condition
${1:condition1} || ${2:condition2}
co =>
condition operator
let ${1:name} = ${2:condition} ? ${3:value1} : ${4:value2}
Validations
lv =>
length validation
${1:value}.length === ${2:0}
nv =>
null validation
${1:value} === null
nnv =>
not null validation
${1:value} !== null
uv =>
undefined validation
typeof ${1:value} === "undefined"
nuv =>
not undefined validation
typeof ${1:value} !== "undefined"
cv =>
contains validation
${1:value}.indexOf(${2:value2}) > -1
dcv =>
doesn't contain validation
${1:value}.indexOf(${2:value2}) === -1
DOM manipulations
ael =>
add event listener
document.addEventListener("${1:event}", (${2:param}) => {
})
rel =>
remove event listener
document.removeEventListener("${1:event}", (${2:param}) => {
})
ce =>
create element
document.createElement("${1:element}")
gei =>
get element by id
document.getElementById("${1:id}")
gec =>
get element by class name
document.getElementsByClassName("${1:class}")
qs =>
query selector
document.querySelector("${1:selector}")
qsa =>
query selector all
document.querySelectorAll("${1:selector}")
Others
od =>
object destructuring
const { ${1:name} } = ${2:value}
cl =>
console log
console.log(${1:value})
Questions, problems or something else?
There is a bug? Leave an issue on the issues page or send a pull request with new features.
For questions, do not hesitate to write me an email - dimitar.dyakov98@gmail.com
Leave a star if you like and find the snippets helpful!
Code by Dimitar Dyakov. Copyright 2019