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 VS Code Text Editor!
You have completed Introducing the VS Code Text Editor!
Preview
Learn what a text editor does and how it can help you build web pages and applications more quickly and efficiently.
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
[MUSIC]
0:00
A text editor is a program that
offers a variety of features to make
0:09
writing code easier and faster.
0:12
Word processing programs like
Microsoft Word and Google Docs
0:15
are designed to help you manage and
format the presentation of text,
0:18
to change the text layout,
color, size, font, and so on.
0:22
In a similar way, text editors provide
tools to make it easier to manage and
0:26
format code.
0:30
Text editors can automatically
complete HTML tags so
0:32
that you don't have to
type everything out.
0:35
They can highlight brackets and
curly braces to make it easier to tell
0:39
where your functions end and
where they begin.
0:42
They can also help you identify mistakes,
like a missing bracket.
0:46
They let you visualize your project's
file structure by listing your folders
0:53
and files.
0:57
They provide color coding to distinguish
different parts of a program,
0:59
like a JavaScript function or string.
1:03
You may have used Treehouse Workspaces to
follow along with some of our courses.
1:07
Workspaces is also a text editor,
and is great for
1:11
following along with the Treehouse
teacher and for working with
1:14
different coding tasks without worrying
about how to set up the project.
1:17
But for more real world scenarios, you
should use a text editor installed on your
1:22
computer to work on files and folders that
are also stored locally on your computer.
1:26
While a text editor offers some fabulous
features that will help you manage and
1:32
organize your code, it doesn't create
any special or mysterious files.
1:36
The files you create can be open
with other text editors and viewed,
1:40
deleted, moved, or changed using your
computer's file management system,
1:44
such as File Explorer on Windows,
or Finder on the Mac.
1:48
There are many options for
text editors out there,
1:52
and if you're new to development,
1:55
it may seem difficult to
know which one to choose.
1:56
Popular choices include Visual Studio
Code, Atom, Sublime Text, and Brackets.
1:59
Text editors are similar enough that you
can switch to a different one pretty
2:05
painlessly.
2:08
So don't worry too much about
how to choose the right one.
2:09
Chances are you'll use several
in your career as a developer.
2:13
In this workshop, we'll use a text editor
called Visual Studio Code because it's
2:17
popular among developers, easy to use,
free, and has great documentation.
2:21
To download and install Visual Studio
Code, go to code.visualstudio.com.
2:26
Click the Download button and
2:32
follow the instructions to
install it on your computer.
2:34
For detailed instructions on how
to install Visual Studio Code,
2:38
you can click on Docs, then Setup,
then choose the platform that you use.
2:41
I'll also leave links in
the teacher's notes on this page.
2:47
Go ahead and get it installed and
meet me in the next video
2:50
where I'll show you how to manage
project files with visual studio code.
2:53
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