Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
VSCode JavaScript Snippets
{
"Console Log": {
"prefix": "cl",
"body": "console.log($1);",
"description": "Console Log"
},
"Named Function": {
"prefix": "nfn",
"body": ["function ${1:functionName}($2) {", " $3", "}"],
"description": "Named Function"
},
"Anonymous Function": {
"prefix": "fn",
"body": ["function() {", " $2", "}"],
"description": "Anonymous Function"
},
"Arrow Function": {
"prefix": "arfn",
"body": ["const ${1:functionName} = ($2) => {", " $3", "}"],
"description": "Arrow Function"
},
"Basic If Statement": {
"prefix": "ifc",
"body": ["if(${1:condition}) {", " $2", "}"],
"description": "If Statement"
},
"If Else Statement": {
"prefix": "ifelsec",
"body": ["if(${1:condition}) {", " $2", "} else {", " $3", "}"],
"description": "If else statement"
},
"Array Method": {
"prefix": "arrmth",
"body": [
"${1|forEach,map,filter,reduce,some|}((${2:item}) => {",
" $3",
"})"
],
"description": "Array Method"
},
"Axios Request": {
"prefix": "axreq",
"body": [
"axios.${1|get,post,put,delete|}('${2:url}')",
" .then(res => console.log(res.data))",
" .catch(err => console.log(err));"
],
"description": "Axios Request"
},
"Fetch Request": {
"prefix": "fetchreq",
"body": [
"fetch('${1:url}')",
" .then(res => res.json())",
" .then(data => console.log(data));"
],
"description": "Fetch Request"
},
"asfetchreq": {
"prefix": "Async Await Fetch",
"body": [
"const request = async ($1) => {",
" const response = await fetch('${2:url}');",
" const data = await response.json();",
" console.log(data);",
"}"
],
"description": "Fetch Async/Await"
},
"Node Require": {
"prefix": "ndrq",
"body": "const ${1:import} = require('${module}');",
"description": "Require a Node.js module"
},
"Express Server": {
"prefix": "expsrv",
"body": [
"const express = require('express');",
"",
"const app = express();",
"",
"app.${1|get,post,put,delete|}('${2:route}', (req, res) => {",
" $3",
"});",
"",
"const PORT = process.env.PORT || ${4|3000,5000,8000,8080|};",
"",
"app.listen(PORT, () => console.log(`Server Running On Port ${PORT}`));"
],
"description": "Express Server"
},
"Express Route": {
"prefix": "exprt",
"body": "app.${1|get,post,put,delete|}('${3:/}', (req, res) => {});",
"description": "Express Route"
},
"Express Init Middleware": {
"prefix": "exmw",
"body": "app.use(${1:middleware});",
"description": "Express Middleware"
}
}
@MontesCodes
Copy link

MontesCodes commented Apr 11, 2021

thank you Sir Brad.

@marie-ojji
Copy link

marie-ojji commented May 23, 2021

Thank you Brad

@akhelij
Copy link

akhelij commented Sep 4, 2021

Please review the Async Await Fetch snippet
"asfetchreq": { "prefix": "Async Await Fetch", "body": [ ... },

it shoud be

"Async Await Fetch": { "prefix": "asfetchreq", "body": [ ... },

And thanks a lot

@prashantnirgun
Copy link

prashantnirgun commented Jan 23, 2022

snippet not working in .vue file I copy paste few snippet into ~/.config/Code/User/snippets/vue.json file but its not showing all other code snippet except mine is there any preferences. I am using version 1.63.2

@armanDezfuli
Copy link

armanDezfuli commented Jun 18, 2022

thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment