Atom in 60 Seconds: 3 Must-Have Plugins

“Atom” is my code editor of choice, and one of the reasons for that is its support for third-party plugins. Here are my top three, in sixty seconds!

Learn More

There’s plenty more about Atom on Envato Tuts+, dig in!

60 seconds?!

This is part of a series of quick video tutorials on Envato Tuts+ web design. We’re aiming to introduce a range of subjects, all in 60 seconds–just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!

Subtitles/CC

Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:

0:00:00.000,0:00:05.009
Atom is my editor of choice and one of
the reasons for that is the support for

0:00:05.009,0:00:06.839
3rd party plugins.

0:00:06.839,0:00:10.469
Here are my top three. The first one is Emmet.

0:00:10.469,0:00:15.360
This is very well known and supported
across a wide range of editors. Emmet

0:00:15.360,0:00:20.039
allows you to write shorthand code and
then expand it in the real thing.

0:00:20.039,0:00:26.490
It works with HTML, CSS, Sass, and LESS. The
second plugin is “pigments”.

0:00:26.490,0:00:31.800
This will display colors in your files;
really useful when writing CSS.

0:00:31.800,0:00:38.579
It can also do conversions to other
color formats such as rgba and hsl. The

0:00:38.579,0:00:43.170
third plugin is called WordPress API and
it's essential for any WordPress

0:00:43.170,0:00:44.190
developer.

0:00:44.190,0:00:48.270
It provides fantastic snippets with
ready to use code and also

0:00:48.270,0:00:52.860
auto-completion support for the core
functions in the WordPress API.

0:00:52.860,0:00:57.690
What are your favorite Atom plugins? Let
us know in the comments! Until then I'm

0:00:57.690,0:00:58.590
Adi Purdila,

0:00:58.590,0:00:59.090
thanks for watching.