---
Order:
Area: introvideos
TOCTitle: Code Editing
ContentId: 826efeef-6803-49bd-a500-06c6c42cda19
PageTitle: Code Editing Features in Visual Studio Code
DateApproved: 3/6/2017
MetaDescription: Take coding to the next level of speed and efficiency with these code editing features.
MetaSocialImage: images/opengraph/introvideos.png
---
# Code Editing in Visual Studio Code

In this Visual Studio Code tutorial, we cover source code editing, including the features outlined below. After viewing this overview, read on in the [Learn More](/docs/introvideos/codeediting.md#learn-more) section to see more features.

<iframe src="https://www.youtube.com/embed/rsatrlBEFFA?rel=0&amp;disablekb=0&amp;modestbranding=1&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

## Outline

* Emmet syntax for HTML and CSS development
* Hover over CSS elements
* Use case of using a task
* Global find and replace, including regex search
* ESLint for JavaScript linting
* Errors and Warning output
* Multi-cursor editing
* Code folding
* Bracket matching
* Code formatting to consistently style code

## Learn More

* [Basic Editing](/docs/editor/codebasics.md) - Learn about the powerful VS Code editor.
* [Code Navigation](/docs/editor/editingevolved.md) - Move quickly through your source code.
* [Emmet Snippets](/docs/languages/html.md#emmet-snippets) - Use Emmet Snippets.
* [Tasks](/docs/editor/tasks.md) - Create tasks to use external tools inside VS Code.
* [JavaScript Linters](/docs/languages/javascript.md#javascript-linters) - Install linters for JavaScript.
* [Code Folding](/docs/editor/codebasics.md#folding) - See the details of source code folding.
* [Tips and Tricks](/docs/getstarted/tips-and-tricks.md) - Helpful tips and tricks for VS Code.

## Next Video

* [IntelliSense](/docs/introvideos/intellisense.md) - Set up IntelliSense for intelligent code completion.