Useful Text Editor Tools2:20 with Treasure Porth
Learn about some of Atom's most useful out-of-the-box tools, such as autocomplete features and find and replace.
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 up