Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Learn about some of Atom's most useful out-of-the-box tools, such as autocomplete features and find and replace.
This video doesn't have any notes.
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
Atom comes with some pretty cool
stuff right out of the box,
0:00
meaning without installing anything extra.
0:03
For example, the find and replace
feature comes in handy quite a bit.
0:06
Say I have a large stylesheet and
0:10
I wanna find all the CSS
rules related to the header.
0:11
I can press Ctrl+F on Windows or
0:14
Cmd+F on a Mac to bring up the find and
replace options.
0:17
I can search for whatever I'm looking for
and the results would be highlighted.
0:21
I can rotate through all
the results by clicking Find.
0:31
You can also search your whole project
by pressing CTRL + Shift + F or
0:35
cmd + Shift + F on a Mac.
0:39
Atom will show a list of all
the instances of your search term.
0:42
You can click the one you want and
it will take you to that file.
0:47
When you're finished, press Escape and
the find window will go away.
0:50
Atom also has some handy
auto complete features.
0:54
If I wanted to link to a stylesheet
in my HTML file, for example,
0:57
I can go to the head of my document and
start typing link
1:00
After I type lin, you'll see a list
of options with a tab key symbol.
1:06
This let's me know that if I type link and
1:12
press tab,
Atom will autocomplete a link for me.
1:15
And now, that's all typed out for me, and
1:19
all I have to do is add the path
of my style sheet to the href.
1:21
Auto completion also works for
HTML elements.
1:24
If I wanted an image attach element,
1:28
auto completion will close
the tab with no brackets.
1:34
When you're writing CSS, Atom will
close your curly braces for you and
1:43
suggest possible properties you can type.
1:46
If I start typing background for example,
1:49
when it suggests background I can
press Enter to accept the suggestion.
1:53
It will do this for CSS values as well.
1:59
For example, I'll start to type margin,
press Enter and
2:03
auto, press Enter, enter auto completes.
2:07
Those are some of Atom's
cool built in features.
2:11
You can read more about them
in the Atom documentation
2:14
by visiting flightmanual.atom.io.
2:17
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