DEV Community

Cover image for 6 Tips and Tricks Every Developer Should Know in Visual Studio Code 🤩
Zahab Kakar
Zahab Kakar

Posted on

6 Tips and Tricks Every Developer Should Know in Visual Studio Code 🤩

One of the most common text editors used by developers is Visual Studio Code. Microsoft created it to be the first cross-platform programming tool in the Visual Studio family that supported OS, Linux, and Windows .Visual Studio Code is by far one of the most popular code editors for web, mobile, and hardware developers.

In this article, we will talk about the most essential tips every developer should know in VS Code

Go to Definition

You may come across a lot of variables or methods that you are unfamiliar with when programming. By selecting the “Go to Definition” option from the right-click menu of the required variable or method in Visual Studio Code, you may quickly get to the definition.

Zen Mode

It's a view with no distractions. All of your window's superfluous toolboxes and bars will be gone, allowing you to concentrate just on your code. To use zen mode simple go to View > Appearance > Toggle Zen Mode

Screenshot 2021-09-18 at 06.48.08.png

Split view

Go to the split view if you're skilled at multitasking and are working on two separate files of the same project at the same time, or if you need to compare two files. You can open as many editors as you like side by side vertically or horizontally.

Screenshot 2021-09-18 at 06.53.05.png

Quick Open

If you want to open a file quickly without using sidebar , you can simply use quick open. To open quick open press cmd+p on Mac and for Windows / Linux you can use ctrl + p
Screenshot 2021-09-18 at 07.02.31.png

Command Palette

The command palette, allows you to quickly access any registered command, including those offered by extension. In addition, if a key binding is connected with a specific command, it will be presented in the type-to-search drop-down list.

You can open Command Palette by pressing cmd+shift+p in Mac and ctrl+shift+p for Windows / Linux.

Screenshot 2021-09-18 at 07.07.22.png

Multi cursor selection

You may utilise multi-cursor editing to modify several lines of text in various areas of your document. This function allows you to add, modify, or remove text by using several cursors in separate locations.

You can do this by clicking anywhere in your text document while holding down the Alt or Option keys on your keyboard.

MayEK.gif

Gif by Nacimota from SOF

Thanks for reading!

Let's connect on Twitter

Discussion (9)

Collapse
marcosborunda profile image
Marcos Borunda

Ctrl + d or Cmd + d will multi select the next occurrence of the selected text.

Collapse
saroj8455 profile image
Saroj Padhan

Great 👍

Collapse
zahab profile image
Zahab Kakar Author

Glad you liked it, Saroj

Collapse
tohka200213 profile image
tohka20-0213

Thanks.
I forget "Zen mode", so it was very helpful.

Collapse
zahab profile image
Zahab Kakar Author

Glad you liked it,:)

Collapse
albert_pierce_a2fd095d506 profile image
Albert Pierce

Nice, great info.

Collapse
zahab profile image
Zahab Kakar Author

Thank you Albert :)

Collapse
insidiousthedev profile image
Insidious

There's an extension called "shift shift" which enables you to use "ctrl + ctrl" keys to open command palette. Quite neat if you ask me.

Collapse
zahab profile image
Zahab Kakar Author

Thank you for mentioning!!