Visual Studio Code (VSCode) is one of the best Code Editors/IDE that you can get your hands on nowadays for getting a stunning development experience provided by its simple and elegant design plus its rich features and performance compared to another Code Editors that share the same set of features.
VSCode is Written and built on Top of Github's Electron Frameworks using Web Technologies, and the large set of extensions available for almost anything you want to get automated or help you throughout your Development Journey.
So if you are a beginner how wants to master working with Visual Studio Code from Scratch and get to know all its stunning features and composed layout so this guide is for you, consider watching the Video tutorial for a better explanation.
First, make sure to download and install VSCode for either (Windows, Mac or Linux).
Also, if you are looking for best extensions you can use as a Developer for VSCode you can take a look here.
When working on a project of yours on VSCode you will need to execute a command from time to time or even search inside a file for a specific symbol or navigate between open editors very quickly all of those are being managed by VSCode either using Shortcuts for quick access or from the top menu, on the other hand, you can use the Command Palette to execute different available commands.
For accessing the command Palette you can use View Menu then command Palette or press (Ctrl + Shift + P).
Here are some basic commands for managing VSCode using the Command Palette:
And many other things you can do from the command palette you can take as your center of operations to take control of all the settings and actions across you Code Editor.
Let's see now what are the shortcuts that you can use to quickly reach and action (for ex: find a keyword on a file)
There still plenty of other shortcuts but those are the most basic and what you will need 90% of the time while working on VSCode.
The status bar gives you notification either from the editor itself or installed extensions either to warn you or notify for a specific action on the bill icon.
It shows info about the currently opened file (programming language or framework) and Current Cursor (Column, Row, and line), alongside that you will find extensions that use the status bar for ex: a Live Server extension that allows you to start a development server for testing your application.
VSCode comes with a lot of cool and useful tools and components out of the box with full stability and compatibility.
All the components are accessible through the left-hand panel.
The integrated Terminal that comes with VSCode out of the box is a real game changer when it comes to working with different CLIs and executing scripts you can have a split terminal which allows you to run two separate terminal processes on one single view to have a better control over your environment and be able and notice to see different commands gets executed.
You can also run different Shell interpreters by default (for ex: git Bash on windows rather than CMD) so everything is customizable through the editor user settings.
For the console, it helps when you work with the Debugger a lot cause you can use it as a Shell instance and interact with it also it gives critical info and errors about your running application.