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 [email protected]