JavaScript Snippets for Sublime Text

Vanilla JavaScript snippets for Sublime Text 2 and 3.

Install

Package Control

TODO: Include project on Package Control

Sublime Text 2

TODO: Include instructions for Sublime Text 2

Sublime Text 3

• Mac OS X

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

• Linux

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

• Windows

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

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

Function

[fu] function

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

[pr] prototype

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

DOM

[gi] getElementById

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

[gc] getElementsByClassName

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

[gt] getElementsByTagName

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

[qs] querySelector

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

[qsa] querySelectorAll

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

[ae] addEventListener

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

[ac] appendChild

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

[ce] createElement

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

[ih] innerHTML

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

[tc] textContent

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

[ga] getAttribute

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

[sa] setAttribute

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

[ra] removeAttribute

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

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

NodeJS

[re] require

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

### [me] module.exports

```javascript
module.exports = ${1}

[pe] process.exit

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

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.0 August 14, 2013
  • Added console and function snippets
  • Added DOM manipulation snippets
  • Added NodeJS snippets

License

MIT License © Zeno Rocha