ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

ES6-Toolkit

by defaltd ST2/ST3

A toolkit containing various commands and snippets for using ES6 today

Details

Installs

  • Total 30K
  • Win 12K
  • OS X 13K
  • Linux 5K
Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1
Windows 2 9 6 7 7 6 12 13 22 4 8 7 13 14 13 8 9 4 6 18 15 18 14 14 6 8 13 16 13 18 8 6 8 9 14 11 9 15 8 7 10 9 16 16 10 5
OS X 1 6 12 2 4 4 4 3 9 7 7 2 6 8 10 5 12 3 3 6 17 5 8 8 4 2 5 10 8 6 7 2 7 9 8 5 12 8 4 4 7 7 5 4 8 5
Linux 1 1 1 0 1 7 5 3 4 3 1 1 5 4 1 0 9 1 4 2 6 6 3 2 2 3 0 3 5 7 1 2 3 2 7 2 10 5 0 3 2 7 7 4 5 4

Readme

Source
raw.​githubusercontent.​com

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