Get an overview of the Visual Studio Code user interface, including the various panels.
- [Instructor] Once you have VS Code installed,…open the app.…You can do this by either double-clicking…the app icon, or by typing the command code…from a terminal window.…If you navigate to a particular project folder…in your terminal, you can open it in VS Code…by typing code and then a period,…or by giving it a full path.…Or you can drag and drop a folder of code…into the app, and I'll do that from…my Exercise Files folder.…I'll make the window a little bit bigger.…Okay, let's get started by taking…a quick tour of the user interface.…
On the left-hand side of the app,…you'll see a vertical list of icons.…This is called the view bar.…The view bar lets you switch between views,…and gives you additional context-specific indicators,…like how many of the installed extensions…need to be updated, or how many of the open editors…have been modified.…The top icon switches to the Explorer view,…and you can also select this view…by typing Control, or Command + Shift + E.…This view displays the files and folders…for the current project along with…
Joe Marini kicks off the course by taking you through the app's user interface, and showing how to work with its basic editing features. Next, Joe demonstrates how to customize VS Code by configuring preferences, setting your own keyboard shortcuts, and working with snippets. He also explains how to maximize your productivity by installing and managing extensions from the Visual Studio Marketplace. Plus, he discusses how VS Code works with folders and collections of files, helps you understand the IntelliSense feature, and dives into the app's advanced code editing features, such as automatic formatting.
- Installing Visual Studio Code
- The VS Code UI
- Understand how VS Code works with built-in Git integration
- Customizing VS Code
- Configuring preferences
- Setting keyboard shortcuts
- Using extensions
- Working with snippets
- Using VS Code to edit different parts of the same file
- Using multiple selections
- Understanding how VS Code works with JSON files