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 about some of VS Code's most useful out-of-the-box tools, such as autocomplete features and find and replace.
Learn more about Emmet
Learn more about IntelliSense
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
One of my favorite built-in
features is called Emmet.
0:00
Emmet allows you to write HTML and
CSS lightning fast using a shorthand.
0:01
Here's a quick example of what it can do.
0:05
Say I needed to create
an unordered list with a class,
0:08
and that unordered list needed
to contain three list items, and
0:11
each of those list items
needed to contain an image.
0:15
That's a lot of typing.
0:18
But with Emmet you can type
the shorthand ul.my-list which is
0:19
what I am naming the class that's
gonna go on the unordered list,
0:24
and inside that we'll
have list items times 3.
0:29
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