| --- |
| 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&disablekb=0&modestbranding=1&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. |
|
|
|
|
