Using a Browser to Preview a Project2:11 with Treasure Porth
Open your project in a browser to preview it or view any changes.
If you've used Treehouse Workspaces you've probably used the preview button, 0:00 which opens your index.html page in another tab of your web browser. 0:04 Workspaces actually runs a web server as well, so 0:08 the page acts just like one you'd put up on the web. 0:11 However when you have your files on your computer 0:14 you won't be viewing through a Web server unless you set one up. 0:17 But you can still preview static webpages locally in a browser. 0:20 In Atom I've opened some code for a webpage. 0:24 You can preview a webpage by opening the index.html file in a browser. 0:27 To do that you can use your computer's file Explorer to find the file on your 0:33 computer and double-click it. 0:36 You computer should know how to open an HTML file in the browser by default. 0:41 That works, but 0:46 Atom offers an easy way to navigate to the file on my computer an open it. 0:47 I can right-click on the file name and choose Show in Finder. 0:54 And then open up the file in the browser. 1:00 If you wanna open the file in a specific browser you can right click, 1:06 choose Open With and choose the browser you want. 1:10 I can also right-click the index.html file in Atom and choose Copy Full Path. 1:18 Then I can open a browser like Chrome and 1:26 press CMD or CTRL+V to paste the path into the browser. 1:29 When I press enter, the browser displays my project. 1:33 To make a change to my file and preview those changes I can go to Atom and 1:38 make a change then save. 1:42 Go back to my browser and refresh and there's my change. 1:49 You now know enough about text editors to start coding way on your own project. 1:53 But there are near endless number of cool things a text editor can do 1:57 to help you be more organized and productive. 2:01 Some features come automatically with your text editor, and 2:03 some features are extras that you'll need to install. 2:06 We'll learn more about both in the upcoming videos. 2:09
You need to sign up for Treehouse in order to download course files.Sign up