JavaScript Snippets for Sublime

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 insist to not install it, you can download the package and put it manually 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});

[cl] console.log

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

[cw] console.warn

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

DOM

[ae] addEventListener

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

[ac] appendChild

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

[rc] removeChild

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

[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}';

[tc] textContent

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

[qs] querySelector

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

[qsa] querySelectorAll

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

Loop

[fe] forEach

${1:myArray}.forEach(function (${2:elem}) {
	${0:// body...}
});

[fec] forEachCall

[].forEach.call(document.querySelectorAll(${1:selector}), function (${2:elem}) {
	${0:// body...}
});

[fi] for in

for (var ${1:prop} in ${2:obj}) {
	if (${2:obj}.hasOwnProperty(${1:prop})) {
		${0:// body...}
	}
}

Function

[fn] function

function ${1:methodName} (${2:arguments}) {
	${0:// body...}
}

[afn] anonymous function

function(${1:arguments}) {
	${0:// body...}
}

[pr] prototype

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

[iife] immediately-invoked function expression

(function (window, document, undefined) {
	${0:// body...}
})(window, document);

[call] function call

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

Timer

[si] setInterval

setInterval(function() {
	${0:// body...}
}, ${1:delay});

[st] setTimeout

setTimeout(function() {
	${0:// body...}
}, ${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}

[pe] process.exit

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

[re] require

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

BDD

[desc] describe

describe('${1:description}', function () {
	${0:// body...}
});

[ita] it asynchronous

it('${1:description}', function (done) {
	${0:// body...}
});

[its] it synchronous

it('${1:description}', function () {
	${0:// body...}
});

Misc

[us] use strict

'use strict';

[pm] prompt

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

Contributing

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

History

Check Release list.

License

MIT License © Zeno Rocha