JavaScript Snippets for Sublime Text

Install

Package Control

Waiting for approval.

Sublime Text 2

• Mac OS X

git clone git://github.com/zenorocha/sublime-snippets-js.git ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/sublime-snippets-js ```

• Linux

git clone git://github.com/zenorocha/sublime-snippets-js.git ~/.config/sublime-text-2/Packages/sublime-snippets-js ```

• Windows

git clone git://github.com/zenorocha/sublime-snippets-js.git %userprofile%\AppData\Roaming\Sublime Text 2\Packages\sublime-snippets-js ```

Sublime Text 3

• Mac OS X

git clone git://github.com/zenorocha/sublime-snippets-js.git ~/Library/Application Support/Sublime Text 3/Packages/sublime-snippets-js ```

• Linux

git clone git://github.com/zenorocha/sublime-snippets-js.git ~/.config/sublime-text-3/Packages/sublime-snippets-js ```

• Windows

git clone git://github.com/zenorocha/sublime-snippets-js.git %userprofile%\AppData\Roaming\Sublime Text 3\Packages\sublime-snippets-js ```

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) {
	${3:// body...}
});

[ac] appendChild

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

[ce] createElement

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

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

Function

[fu] function

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

[pr] prototype

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

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

Roadmap

• Add BDD snippets

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

• v0.1.1 August 14, 2013
  • Added NodeJS assert snippets
• v0.1.0 August 14, 2013
  • Added console and function snippets
  • Added DOM manipulation snippets
  • Added NodeJS snippets

License

MIT License © Zeno Rocha