---
Order: 2
Area: getstarted
TOCTitle: Intro Videos
ContentId: f29747b9-0f4f-4f62-b0a7-037ffc49d972
PageTitle: Intro Videos Overview
DateApproved: 12/14/2017
MetaDescription: Overview of VS Code's Introductory Videos.
MetaSocialImage: images/introvideos/opengraph_introvideos.png
---
# Introductory Videos

Start your journey with Visual Studio Code with this set of introductory videos. The videos are designed to give you a quick overview of the various features of VS Code. VS Code comes with JavaScript and TypeScript support out of the box so the videos use JavaScript in the examples.

> **Tip**: In addition to the intro videos below, you can check out other [community](/community) generated learning resources.

<ul class="video-list">
	<li class="video">
		<a href="/docs/introvideos/quicktour">
			<img src="https://img.youtube.com/vi/pI1skOo2yjk/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Quick Tour using JavaScript</h2>
				<p class="description">Check out the key features of VS Code in a quick overview.</p>
				<span class="duration"><span class="sr-only">Duration </span>3<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/basics">
			<img src="https://img.youtube.com/vi/SYRwSyjD8oI/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Setup and Basics</h2>
				<p class="description">Install and learn the basics of your new editor.</p>
				<span class="duration"><span class="sr-only">Duration </span>5<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/configure">
			<img src="https://img.youtube.com/vi/4wVF4w_53hs/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Customize</h2>
				<p class="description">Personalize VS Code through settings, themes, keybindings.</p>
				<span class="duration"><span class="sr-only">Duration </span>5<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/extend">
			<img src="https://img.youtube.com/vi/Fed01v3yYNE/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Extensions</h2>
				<p class="description">Extend VS Code with extensions.</p>
				<span class="duration"><span class="sr-only">Duration </span>5<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/codeediting">
			<img src="https://img.youtube.com/vi/rsatrlBEFFA/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Code Editing</h2>
				<p class="description">Take code editing to the next level.</p>
				<span class="duration"><span class="sr-only">Duration </span>6<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/intellisense">
			<img src="https://img.youtube.com/vi/lSPHucggmLo/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">IntelliSense</h2>
				<p class="description">Receive intelligent code completions.</p>
				<span class="duration"><span class="sr-only">Duration </span>6<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/debugging">
			<img src="https://img.youtube.com/vi/6cOsxaNC06c/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Debugging</h2>
				<p class="description">Debug a simple Node.js application.</p>
				<span class="duration"><span class="sr-only">Duration </span>5<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
	<li class="video">
		<a href="/docs/introvideos/versioncontrol">
			<img src="https://img.youtube.com/vi/AKNYgP0yEOY/mqdefault.jpg" alt aria-hidden="true" class="thumb"/>
			<div class="info">
				<h2 class="title faux-h3">Version Control</h2>
				<p class="description">Learn how to use Git version control in VS Code.</p>
				<span class="duration"><span class="sr-only">Duration </span>4<span aria-hidden="true"> min</span><span class="sr-only"> minutes</span></span>
			</div>
		</a>
	</li>
</ul>

> Note: If you would like us to cover other topics, please leave [feedback here](https://www.surveymonkey.com/r/H9W7K8J).


