Bacon Snippets

Bacon snippets are very pretty code snippets, based on EC6.

String iterpolation examples:

Promise examples:

Arrow function example:

Snippets

There is the list of available snippets:

Key Result Description Languages
a> () => { } Creates an arrow function Typescript / Javascript
p> new Promise<any> ((resolve, reject) => { }); Creates a new promise Typescript / Javascript
p>> let promise = new Promise<any> ((resolve, reject) => { }); Creates a new promise with variable Typescript / Javascript
s> ${this.test} Creates an expression interpolation to use a variable inside of the interpolated string. Typescript / Javascript
s>> My ${this.subject} is awesome. Creates a new interpolated string. Typescript / Javascript
if-not-null if (this.variable != null) { } Creates a new if statement with null check. Typescript / Javascript
if-else-not-null if (this.variable != null) { } else { } Creates a new if statement with null and undefined check. Typescript / Javascript
if-in this.condition ? true : false Creates a new inline if/else statement. Typescript / Javascript
if-in-not-null this.condition != null ? true : false Creates a new inline if/else statement with null and undefined check. Typescript / Javascript
if-?? this.variable != null ? this.variable : false Creates a new inline if/else statement with null coalesce operator. Check null and undefined. Typescript / Javascript

Compatibility

These snippets are based on EC6.

Usage

To use the bacon snippets, install first the bacol-snippets (called Bacon Snippets) extension.

After open the correct language file and use the TAB button to trigger the snippet.

It's also recommended to set this custom vscode setting:

"editor.tabCompletion": true

Source code

This is the repository