JavaScript & NodeJS Snippets

by zenorocha ST2/ST3 Top 100

JavaScript & NodeJS Snippets for Sublime Text 2/3

Details

Version 2017.11.19.19.19.32
Homepage packagecontrol.io
Issues github.com
Modified 2 years ago
Last Seen 1 hour ago
First Seen 6 years ago

Installs

Total 193K
Win 122K
OS X 40K
Linux 31K

	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	Jun 30	Jun 29	Jun 28	Jun 27	Jun 26	Jun 25	Jun 24	Jun 23	Jun 22	Jun 21	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
Windows	68	74	52	40	77	61	79	94	77	54	54	77	70	90	65	78	53	73	73	67	78	63	64	49	45	64	56	66	72	66	36	46	59	48	69	56	69	50	53	52	67	51	55	61	58	61
OS X	8	11	6	6	9	9	15	8	13	5	9	8	9	8	7	7	10	7	8	14	13	8	4	5	4	4	12	7	13	7	3	6	4	8	13	11	7	1	6	9	10	10	9	2	7	5
Linux	7	20	6	8	11	8	10	15	10	14	8	9	15	15	14	13	10	19	13	16	15	8	7	6	11	7	13	16	15	8	15	7	12	12	14	6	5	11	5	5	10	17	7	12	5	5

Readme

Source: raw.githubusercontent.com

JavaScript Snippets for Sublime

Demo

Install

To install through Package Control, search for JavaScript & NodeJS Snippets. If you still don't have Package Control in Sublime Text, go get it. It's pure awesomeness.

If you prefer to install it manually, you can download the package and put it inside your Packages directory. It should work but will not update automatically.

Console

[cd] console.dir

console.dir(${1:obj});

[ce] console.error

console.error(${1:obj});

[ci] console.info

console.info(${1:obj});

[cl] console.log

console.log(${1:obj});

[cw] console.warn

console.warn(${1:obj});

[de] debugger

debugger;

DOM

[ae] addEventListener

${1:document}.addEventListener('${2:event}', function(e) {
    ${3}
});

[ac] appendChild

${1:document}.appendChild(${2:elem});

[rc] removeChild

${1:document}.removeChild(${2:elem});

[cel] createElement

${1:document}.createElement(${2:elem});

[cdf] createDocumentFragment

${1:document}.createDocumentFragment();

[ca] classList.add

${1:document}.classList.add('${2:class}');

[ct] classList.toggle

${1:document}.classList.toggle('${2:class}');

[cr] classList.remove

${1:document}.classList.remove('${2:class}');

[gi] getElementById

${1:document}.getElementById('${2:id}');

[gc] getElementsByClassName

${1:document}.getElementsByClassName('${2:class}');

[gt] getElementsByTagName

${1:document}.getElementsByTagName('${2:tag}');

[ga] getAttribute

${1:document}.getAttribute('${2:attr}');

[sa] setAttribute

${1:document}.setAttribute('${2:attr}', ${3:value});

[ra] removeAttribute

${1:document}.removeAttribute('${2:attr}');

[ih] innerHTML

${1:document}.innerHTML = '${2:elem}';

[tc] textContent

${1:document}.textContent = '${2:content}';

[qs] querySelector

${1:document}.querySelector('${2:selector}');

[qsa] querySelectorAll

${1:document}.querySelectorAll('${2:selector}');

Loop

[fe] forEach

${1:myArray}.forEach(function(${2:elem}) {
    ${3}
});

[fi] for in

for (${1:prop} in ${2:obj}) {
    if (${2:obj}.hasOwnProperty(${1:prop})) {
        ${3}
    }
}

Function

[fn] function

function ${1:methodName}(${2:arguments}) {
    ${3}
}

[afn] anonymous function

function(${1:arguments}) {
    ${2}
}

[pr] prototype

${1:ClassName}.prototype.${2:methodName} = function(${3:arguments}) {
    ${4}
}

[iife] immediately-invoked function expression

(function(${1:window}, ${2:document}) {
    ${1}
})(${1:window}, ${2:document});

[call] function call

${1:methodName}.call(${2:context}, ${3:arguments})

[apply] function apply

${1:methodName}.apply(${2:context}, [${3:arguments}])

[ofn] function as a property of an object

${1:functionName}: function (${2:arguments}) {
    ${3}
}

JSON

[jp] JSON.parse

JSON.parse(${1:obj});

[js] JSON.stringify

JSON.stringify(${1:obj});

Timer

[si] setInterval

setInterval(function() {
    ${2}
}, ${1:delay});

[st] setTimeout

setTimeout(function() {
    ${2}
}, ${1:delay});

NodeJS

[ase] assert.equal

assert.equal(${1:actual}, ${2:expected});

[asd] assert.deepEqual

assert.deepEqual(${1:actual}, ${2:expected});

[asn] assert.notEqual

assert.notEqual(${1:actual}, ${2:expected});

[me] module.exports

module.exports = ${1:name};

[pe] process.exit

process.exit(${1:code});

[re] require

require('${1:module}');

BDD

[desc] describe

describe('${1:description}', function() {
    ${2}
});

[ita] it asynchronous

it('${1:description}', function(done) {
    ${2}
});

[its] it synchronous

it('${1:description}', function() {
    ${2}
});

[itp] it pending

it('${1:description}');

Misc

[us] use strict

'use strict';

[al] alert

alert('${1:msg}');

[co] confirm

confirm('${1:msg}');

[pm] prompt

prompt('${1:msg}');

Contributing

Fork it!
Create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -m 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request :D

History

Check Releases for detailed changelog.

Java​Script & Node​JS Snippets