search
HomeDevelopment ToolsVSCode23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

Although we use many shortcuts in VS Code frequently, there is a chance that we forget them. Here are some GIFs made with visualization to remember them better, hope it helps.

Every command in VSCode can also be executed through the command prompt using CTRL + SHIFT + P and a search query. But knowing the direct shortcut keys will be faster.

1. CTRL+, Open user settings

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

Occasionally it is necessary to adjust user preferences, this is the direct way to open them.

2. CTRL+K CTRL+S: Display shortcut keys

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

This is the complete list of shortcuts in VSCode. You can also download Windows [PDF] and MacOS [PDF] .

3.CTRL+R: Switch workspace

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

This will open a list of recent workspaces and is a super-fast way to switch to another folder or project. Note that if you have a terminal open in the VS Code workspace, this will close the current terminal session.

4. ALT + Z : Switch automatic line wrapping

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

It is a handy little helper when we want to see the complete row without horizontal scrolling.

5. CTRL + G: Go to line

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

6. CTRL + P: transfer to file

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

7. F8: Go to next error or warning

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

This is one-click debugging, you can also use SHIFT+F8 to go to previous errors or warnings.

8. CTRL + TAB: Switch tabs

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

The fastest way to switch open files without using the mouse.

9. SHIFT + ALT + I : Insert the cursor at the end of each selected line

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

This is useful for quickly creating multiple cursors in a selected area.

10. CTRL+L : Select the current row

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

11. CTRL + SHIFT + L : Select all occurrences of the current selection

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

This shortcut really saves time as you don’t have to press CTRL + D throughout the file .

12. CTRL + F2 : Select all occurrences of the current word

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

With it you don’t even have to select anything, just place your cursor on the word you want to select all occurrences.

13. CTRL + SHIFT + SPACE : Trigger parameter prompt

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

We can use this command if we don’t remember the parameter order and don’t want to interrupt our flow by looking at the documentation.

14. SHIFT + ALT + F : Format document

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

15. CTRL + K CTRL + F: code for format selection

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

16. F12 : Go to definition

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

17. ALT+F12 : View definition

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

This only shows the corresponding definition of the variable or function without moving the cursor.

18. F2 : Rename variable

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

19. CTRL + K CTRL + X : Remove trailing spaces

23 commonly used VSCode shortcut keys (animation demonstration)

123 commonly used VSCode shortcut keys (animation demonstration)

20. CTRL + K R : Show active files in explorer

23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

21. CTRL + SHIFT + H : Replaced with file

23 commonly used VSCode shortcut keys (animation demonstration)

223 commonly used VSCode shortcut keys (animation demonstration)

22. CTRL + K V = Open Markdown preview on the right

23 commonly used VSCode shortcut keys (animation demonstration)

223 commonly used VSCode shortcut keys (animation demonstration)

23. Ctrl + K Z : Enter Zen mode

23 commonly used VSCode shortcut keys (animation demonstration)

223 commonly used VSCode shortcut keys (animation demonstration)

English original address: https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80

In order to ensure readability , this article uses free translation rather than literal translation.

Recommended tutorial: vscode tutorial

The above is the detailed content of 23 commonly used VSCode shortcut keys (animation demonstration). For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:dev. If there is any infringement, please contact admin@php.cn delete
Visual Studio and VS Code: Understanding Their Key DifferencesVisual Studio and VS Code: Understanding Their Key DifferencesApr 19, 2025 am 12:16 AM

VisualStudio is suitable for large-scale projects and enterprise-level application development, while VSCode is suitable for rapid development and multilingual support. 1. VisualStudio provides a comprehensive IDE environment and supports Microsoft technology stack. 2.VSCode is a lightweight editor that emphasizes flexibility and scalability, and supports cross-platform.

Is Visual Studio Still Free? Understanding the AvailabilityIs Visual Studio Still Free? Understanding the AvailabilityApr 18, 2025 am 12:05 AM

Yes, some versions of VisualStudio are free. Specifically, VisualStudioCommunityEdition is free for individual developers, open source projects, academic research, and small organizations. However, there are also paid versions such as VisualStudioProfessional and Enterprise, suitable for large teams and enterprises, providing additional features.

Using Visual Studio: Developing Software Across PlatformsUsing Visual Studio: Developing Software Across PlatformsApr 17, 2025 am 12:13 AM

Cross-platform development with VisualStudio is feasible, and by supporting frameworks like .NETCore and Xamarin, developers can write code at once and run on multiple operating systems. 1) Create .NETCore projects and use their cross-platform capabilities, 2) Use Xamarin for mobile application development, 3) Use asynchronous programming and code reuse to optimize performance to ensure efficient operation and maintainability of applications.

How to format json with vscodeHow to format json with vscodeApr 16, 2025 am 07:54 AM

The ways to format JSON in VS Code are: 1. Use shortcut keys (Windows/Linux: Ctrl Shift I; macOS: Cmd Shift I); 2. Go through the menu ("Edit" > "Format Document"); 3. Install JSON formatter extensions (such as Prettier); 4. Format manually (use shortcut keys to indent/extract blocks or add braces and semicolons); 5. Use external tools (such as JSONLint and JSON Formatter).

How to compile vscodeHow to compile vscodeApr 16, 2025 am 07:51 AM

Compiling code in VSCode is divided into 5 steps: Install the C extension; create the "main.cpp" file in the project folder; configure the compiler (such as MinGW); compile the code with the shortcut key ("Ctrl Shift B") or the "Build" button; run the compiled program with the shortcut key ("F5") or the "Run" button.

How to install vscodeHow to install vscodeApr 16, 2025 am 07:48 AM

To install Visual Studio Code, please follow the following steps: Visit the official website https://code.visualstudio.com/; download the installer according to the operating system; run the installer; accept the license agreement and select the installation path; VSCode will start automatically after the installation is completed.

How to enlarge fonts with vscodeHow to enlarge fonts with vscodeApr 16, 2025 am 07:45 AM

The methods to enlarge fonts in Visual Studio Code are: open the settings panel (Ctrl, or Cmd,). Search and adjust "Font Size". Choose "Font Family" with the right size. Install or select a theme that provides the right size. Use keyboard shortcuts (Ctrl or Cmd) to enlarge the font.

How to connect to a remote server with vscodeHow to connect to a remote server with vscodeApr 16, 2025 am 07:42 AM

How to connect to a remote server through VSCode? Install Remote - SSH Extended Configuration SSH Create a Connection in VSCode Enter connection information: Host, Username, Port, SSH Key Double-click the saved connection in Remote Explorer

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment