Vscode plugin shortcut key click is another software.

I hope I can help you code farmers sharpen your knives.

Shortcut keyboard

Window file related shortcut keys

New document

Ctrl+N

Switch stickers between files

Ctrl+Tab

Open a new VS code editor.

Ctrl+Shift+N

Close the current window

Ctrl+W

Close the current VS code editor.

Ctrl+Shift+W

Cut out a new editor window (up to 3).

Ctrl+

Switch the shortcut keys of the left, middle and right editor windows.

Ctrl+ 1 Ctrl+2 Ctrl+3

Full screen

F 1 1

Zoom in or out (based on the upper left corner of the editor)

Ctrl +/-

Sidebar shows or hides.

Ctrl+B

Display debugging

Ctrl+Shift+D

Display output

Ctrl+Shift+U

Brick movement related shortcut keys

copy

Ctrl+C

To cut (wool)

Ctrl+X

paste

Ctrl+V

The lines of code are indented left or right.

Ctrl+[、Ctrl+]

code format

Shift+Alt+F

Move up or down one line

Alt+ up or Alt+ down.

Copy a line up or down.

Shift+Alt+ up or Shift+Alt+ down.

Insert a line below the current line.

Ctrl+Enter

Insert a line above the current line.

Ctrl+Shift+Enter

Move to the beginning of the line

home page

Move to the end of the line

end

Move to the end of the file

Ctrl+End

Move to the beginning of the file

Ctrl+Home

Select the content from the cursor to the end of the line.

Shift+End

Select the content from the cursor to the beginning of the line.

Shift+Home

Delete everything to the right of the cursor (current line)

Ctrl+Delete

Delete current line

ctrl+shift+k

Also select the next match.

Ctrl+D

Undo the last cursor operation.

Ctrl+U

Some friends may say that there are too many shortcut keys, but this is just the tip of the iceberg. But don't panic, vscode also provides a very user-friendly custom shortcut function. So how to customize it? Here is a treasure map, and everyone will know it at a glance.

Seeing this, many friends may wonder why my editor is in Chinese and yours is in English. This is related to the commonly used plug-ins that we will talk about next. Take me away slowly.

Plugin article

Common plug-ins for editors

Chinese (Simplified) Language Pack for Visual Studio Code

Installing this plug-in can change the original English interface of the compiler into Chinese interface.

background

The process of coding and moving bricks is undoubtedly quite boring, but what if you add such a young sister Ni? Is it boring all of a sudden?

The answer is yes. Fortunately, there is a plug-in background. After installation, there will be a default background picture, as shown in the figure below:

At this point, we can search the json file of background modification settings in the modification settings, as shown below:

Modify the code to show:

{

“background . used default”:false，

"Background. Style": {

"content": """,

"Pointer event": "None",

"Location": "Absolute",//Picture location

"width": "100%",

Height: 100%,

“z-index”:“99999”，

"Background. Repetition": "No repetition",

"background-size":" 100%, 100% ",//picture size.

[Opacity]: 0.2//Transparency

"background. custom images ":[/// Configure your corresponding background image here.

" file:///F:/IDE_bg/qingxin.jpg "

}

glowing?terms

With the background picture, can there be sound? I can tell you for sure, yes. You just need to install the Rainbow Fart plug-in and start this plug-in to make Miss Sister's voice appear in the coding process. The startup method is as follows:

Use ctrl+shift+p in vscode software to open the command panel, copy Enable Rainbow Fart and press enter, click the open button after the prompt pops up at the lower right, or directly visit (plete

Automatic path completion

Eslint

Testing JS is necessary.

Html Css support

When you add a class to the label, you will be prompted for the class you wrote earlier.

Beautify css/sass/scss/less

Style formatting (the difference between the two has not been felt yet)

Vetur

For more details, please see the original text, reproduced from:/weixin _ 44519496/article/details/18280239.

Classification: front end

Label: vscode universal plug-in shortcut, front end

Good articles should pay close attention to this article in my collection.