See how to navigate among the various parts of a web project, such as functions, classes, tags, and more.
- [Instructor] A very big part of developing is often…just navigating among the various parts of your project,…and VS Code has some pretty neat features…that simplify this process.…So, I'm going to open my index.html file,…and to go to a specific line within a file,…just type Control + G, that's the same across platforms.…And, you can see a small pop-up appears,…and tells me how many lines there are in the file,…and it gives me a place to enter the line number,…and when I do so, the editor takes me to that line.…
You can also navigate to specific symbols in your file,…by typing Command + Shift + O, or Control + Shift + O,…and you can see that VS Code is smart enough…to realize that different kinds of source code…has different kinds of interesting symbols.…For example, here in HTML, when I type Command + Shift + O,…I get the symbol navigator, and up here in the top right,…you can see that there are 166 symbols…in this particular file.…And, I can just start typing the name of a symbol,…such as an ID, or a class name,…
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