Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Introducing the Atom Text Editor!
You have completed Introducing the Atom Text Editor!
Preview
Learn how to look for and install Atom Packages: extra features that can help you manage, write, and organize code!
Our favorite Atom packages:
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Most text editors including Atom provide
a feature for installing additional tools.
0:00
Atom calls these additional
features packages.
0:05
Packages offer all sorts of handy
functionality, like a linter, which is
0:08
a code hinting tool that lets you know if
you've properly formatted your code or
0:12
introduced any errors.
0:16
Other packages offer color coding for
different types of code,
0:18
hexadecimal color pickers, and a lot more.
0:22
To install a package, go to Atom,
0:24
choose Preferences, Or
you can choose Command comma.
0:27
This will bring up a Settings window.
0:34
Down at the bottom of this list,
choose Install.
0:36
This brings up a search bar where
we can look for different packages.
0:39
One of my favorite
packages is called Emmet.
0:42
Emmet allows you to write HTML
lightening fast using a shorthand.
0:46
If you click on the packages title, you'll
be taken to Atom's package directory,
0:50
where you can read a little
bit more about the package,
0:55
as well as view any documentation or
release notes.
0:57
When choosing a package,
its a good idea to look at these numbers.
1:02
This numbers tells you the number of
times the package has been downloaded.
1:06
This package has been downloaded over a
million times and has a couple of thousand
1:10
stars, so there's a good chance that
this will work as expected for us.
1:14
I'll go back to Atom and click Install.
1:18
Now that it's installed,
here's a quick look at what it can do.
1:22
Say you need HTML to create an unordered
list with a class of mylist that contains
1:27
three list items.
1:32
And each of those list items
needs to contain an image.
1:34
That's a lot of typing.
1:37
But with the Emmet package installed,
you can type a shorthand like this.
1:39
You do ul,
the class of my list inside that
1:44
list item times three inside that image.
1:49
Plus tab, and
all the code appears like magic.
1:55
It's an amazing timesaver and
a lot of fun.
1:58
A simple Google search can help you
find dozens of fun Atom packages.
2:01
So definitely have a look around.
2:07
You can search packages by
visiting atom.io.packages.
2:13
And you'll find a list of our favorite
Atom packages in the teacher's
2:17
notes below.
2:20
Now that you're familiar with how to use a
text editor, go create something awesome.
2:23
Until next time, have fun,
and happy coding.
2:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up