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

ES6-Toolkit

by Stephn-R ST2/ST3

A toolkit containing various commands and snippets for using ES6 today

Details

Installs

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

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