This extension contains code snippets for JavaScript in ES6 syntax for Visual Studio Code editor (supports both JavaScript and TypeScript).
Installation
In order to install an extension you need to open the Extensions Tab in Sidebar (Ctrl + Shift + X or Cmd + Shift + X).
You can manage your installed extensions there or install new ones. Search for JavaScript Code Snippets and install it.
Supported languages (file extensions)
JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)
Html (.html)
Snippets
Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.
Import and export
Trigger
Content
imp→
imports entire module import fs from 'fs';
imn→
imports entire module without module name import 'animate.css'
imd→
imports only a portion of the module using destructing import {rename} from 'fs';
ime→
imports everything as alias from the module import * as localAlias from 'fs';
ima→
imports only a portion of the module as alias import { rename as localRename } from 'fs';
enf→
exports name function export const log = (parameter) => { console.log(parameter);};
edf→
exports default function export default (parameter) => { console.log(parameter);};
ecl→
exports default class export default class Calculator { };
ece→
exports default class by extending a base one export default class Calculator extends BaseClass { };
Class helpers
Trigger
Content
con→
adds default constructor in the class constructor() {}
met→
creates a method inside a class add() {}
pge→
creates a getter property get propertyName() {return value;}
pse→
creates a setter property set propertyName(value) {}
Various methods
Trigger
Content
fre→
forEach loop in ES6 syntax array.forEach(currentItem => {})
fof→
for ... of loop for(let item of object) {}
fin→
for ... in loop for(let item in object) {}
anfn→
creates an anonymous function (params) => {}
nfn→
creates a named function const add = (params) => {}
