The best Atom packages and themes.

Atom text editor packages and themes to make your coding more efficient.

Danny Paton
3 min readJan 29, 2016

For more web dev content follow me on Twitter! https://twitter.com/dannypaton_

Packages

atom-beautify
Takes your spaghetti code, fixes the syntax and makes everything look gorgeous!
To use: Press ctrl+alt+b in any open file (.html, .css, .scss, .js, etc).

emmet
Greatly improves HTML & CSS workflow. Comes with lots of shortcuts and allows you to create snippets for your own custom shortcuts.

color-picker
A colour picker right in the editor. No need for an app.
To use: press cmd+shift+c to open it.

jquery-snippets
A whole bunch of great snippets while writing jQuery.
To use: Start typing jQuery code and options will appear as your type. Press tab to select the snippet you want to use.

sync-settings
Synchronize package settings, keymap and installed packages through GitHub. A bit trickier to setup but definitely worth it to have the same setup between computers.
To use: Setup the correct Personal Access Token, Gist Id and Analytics…

--

--