1
00:00:00,710 --> 00:00:05,060
If you've used Treehouse's workspaces,
you've probably used the preview button

2
00:00:05,060 --> 00:00:09,620
which opens your index.html page in
another tab of your web browser.

3
00:00:09,620 --> 00:00:13,030
Workspaces actually runs
a web server as well, so

4
00:00:13,030 --> 00:00:15,380
that the page acts just like
one you'd put up on the web.

5
00:00:16,430 --> 00:00:19,350
However, when you have your
files on your own computer,

6
00:00:19,350 --> 00:00:23,300
you won't be viewing them through a web
server, unless you've set one up.

7
00:00:23,300 --> 00:00:28,770
However, you can preview a webpage by
opening the index.html file in a browser.

8
00:00:28,770 --> 00:00:31,920
Here in VS Code I have some code for
a webpage.

9
00:00:31,920 --> 00:00:36,220
To open it in a browser, I can use my
computer's file explorer to find the file

10
00:00:36,220 --> 00:00:38,680
on my computer and double click it.

11
00:00:38,680 --> 00:00:42,450
Your computer should know to open
an HTML file in a browser by default.

12
00:00:43,470 --> 00:00:44,090
That works,

13
00:00:44,090 --> 00:00:47,910
but VS Code offers an easy way to find
the file on my computer and open it.

14
00:00:49,180 --> 00:00:53,880
I could always right click on the file
name and choose Reveal in Finder, and

15
00:00:53,880 --> 00:00:57,130
then double click the file I
want to open in my browser.

16
00:00:57,130 --> 00:01:00,808
But I can also right click on the file and
choose Copy Path.

17
00:01:02,459 --> 00:01:05,982
Then I can open a browser like Chrome or
Firefox.

18
00:01:05,982 --> 00:01:07,600
Let's close all this really quick,

19
00:01:08,858 --> 00:01:14,820
and I can use Command or
Ctrl+V to copy the path into my browser.

20
00:01:14,820 --> 00:01:18,470
And when I press Enter,
the browser displays my project.

21
00:01:18,470 --> 00:01:22,543
To make a change to my file and
preview those changes,

22
00:01:22,543 --> 00:01:26,448
I can go back to Visual Studio Code,
make a change.

23
00:01:32,582 --> 00:01:37,103
Save, then go back to my browser and
refresh, and there are my changes.

24
00:01:38,931 --> 00:01:43,410
You now know enough about text editors to
start coding way on your own projects.

25
00:01:43,410 --> 00:01:46,160
But there are many more cool
things a text editor can do

26
00:01:46,160 --> 00:01:48,870
to help you be more organized and
productive.

27
00:01:48,870 --> 00:01:51,650
Some features come automatically
with your text editor, and

28
00:01:51,650 --> 00:01:54,760
some features are extras
that you'll need to install.

29
00:01:54,760 --> 00:01:57,480
We'll learn more about both
in the upcoming videos.