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 34K
  • Win 14K
  • OS X 14K
  • Linux 5K
Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6
Windows 1 5 7 6 4 5 6 11 4 9 4 7 3 3 5 2 7 6 3 3 5 5 5 5 2 6 0 5 4 9 5 3 5 9 4 4 9 5 6 2 2 2 4 8 5 9
OS X 1 3 1 0 1 0 0 3 1 7 0 0 0 4 2 7 4 4 2 2 5 5 4 5 1 0 0 3 2 2 3 1 3 3 1 2 3 2 3 0 1 1 0 5 5 1
Linux 1 0 2 2 0 0 3 3 1 1 4 0 1 4 3 1 3 2 1 2 3 2 2 0 1 4 0 1 1 3 3 1 3 3 1 0 2 2 1 0 1 1 4 1 4 1

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