ES6-Toolkit for Sublime Text

A toolkit containing various commands and snippets for using ES6 today in Sublime

Download Details in >> Package Control

IMPORTANT

In order to be able to run the ES6 Compiler, you will need to install the NPM module babel globally. Please run the following command to install babel:

npm install -g babel

Features

The ES6-Toolkit comes pre-packages with lots of cool tools. Below is a short list with links to more information in the Wiki Pages:

1. ES6 Completions => Wiki Link
2. Compile entire JS files to JS compatible code using Babel

Coming Soon

1. ES6 Inline Compiling
2. Compile entire projects to ES5 using Babel

ES6 Completions

[Arrow] Arrow Functions

var => function

[Class] Class Declaration

class Classname extends AnotherClass {
  constructor(args) {
    // code
  }

  // methods
}

[generator] Generator

var generator = {
  [Symbol:iterator]: function() {
    var pre = 0, cur = 1;
    for(;;) {
      var temp = pre;
      pre = cur;
      cur += temp;
      yield cur;
    }
  }
}

[let:iterator] Iterator using Let

let v = {
  [Symbol.iterator]() {
    let pre = 0, cur = 1;
    return {
      next() {
        [pre, cur] = [cur, pre + cur];
        return { done: false, value: cur };
      }
    }
  }
}

[let] Let

let x = 'something';

[Map] Map

var map = new Map();

[WeakMap] WeakMap

var map = new WeakMap();

[import] Module Import

import * as mod from 'lib/package';

[System.import] Module Import via System

System.import('my-module').then(function(m) {
    // code...
});

[export:variable] Module Exporting

export var myvar = value;

[Loader] Module Loading using Loader

var loader = new Loader({
  global: fixup(window)
});

[System.get] Module Loading using Get

System.get('module');

[System.set] Module Loading using Set

// WARNING: System.set is not finalized yet
System.set('jquery', Module({$: $}));

[object] Object Literal

var obj = {
  __proto__: theProtoObj,
  handler,
  toString() {
    return "object";
  }
}

[Promise] Promise

Promise((resolve, reject) => {
  // code...
});

[Proxy] Proxy

var p = new Proxy(target, handler);

[Set] Set

var set = new Set();

[WeakSet] WeakSet

var set = new WeakSet();

[string] String Templates

${some_var}

[ForLet] For Loop using Let

for (let value of iterable) {
  // do something
}

…and more!!!

Support

To learn more about the features and settings, please visit https://github.com/Stephn-R/ES6-Toolkit-for-Sublime

If you are having trouble, please contact me at steprodriguez10@gmail.com