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 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