Home > Development Tools > VSCode > 23 commonly used VSCode shortcut keys (animation demonstration)

23 commonly used VSCode shortcut keys (animation demonstration)

青灯夜游
Release: 2020-01-17 10:35:39
forward
61350 people have browsed it

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!

Related labels:
source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template