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
Open your project in a browser to preview it or view any changes.
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
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 upYou need to sign up for Treehouse in order to set up Workspace
Sign up