Front-end development shortcuts

Common editors

Name VS Code WebStorm HBuilder X Instruction
Split editor tabs Ctrl + \ Alt + Shift + 2 Editor split into left and right columns
Switch editor tabs Alt + ← / → Ctrl + PageUp / PageDown Switch between editor tabs
Close editor tab Ctrl + F4，Ctrl + W Ctrl + F4 Ctrl + F4，Ctrl + W Close current editor tab
Go to the top of the file Ctrl + Home Ctrl + Home Ctrl + Home
Jump to the bottom of the file Ctrl + End Ctrl + End Ctrl + End
Go to definition F12 Ctrl + B F12 Jump to method or variable definition
Jump to specified line Ctrl + G Ctrl + G Ctrl + G
Return to the last modification Alt + ← Ctrl + Alt + ← Press continuously for multiple previous returns
View all citations Shift + F12 Ctrl + Click View citation or variable location
insert cursor Alt + Click Alt + Click Multiple cursors can be inserted, usually for simultaneous changes at multiple positions.
Rename Shift + F6 Can rename functions, variables, files.
Select the current row. Ctrl + L
Copy one line downwards Shift + Alt + ↓ Ctrl + D
Delete a row Ctrl + Shift + K Ctrl + Y Ctrl + D
Insert an empty line upwards. Ctrl + Shift + Enter Ctrl + Shift + Enter
Insert a blank line downward. Ctrl + Enter Shift + Enter Ctrl + Enter
Select downwards to select identical content. Ctrl + D Alt + J Ctrl + E
Set an anchor or bookmark Ctrl + F11 Ctrl + F2 Quickly jump to a specific line
Jump to anchor or bookmark Shift + F11 F2 Jump to a certain line
Move up and down horizontally Alt + ↑ / ↓ Shift + Alt + ↑ / ↓ Ctrl + ↑ / ↓
Recently opened files Ctrl + R Ctrl + E
Expandable bracket code block Ctrl + Shift + ] / [
Jump to before/after {} Ctrl + ] / [ Alt + [
Format code. Shift + Alt + F Ctrl + Alt + L Ctrl + K
Case conversion Ctrl + Shift + U Alt + Shift + U / l
Global search Ctrl + Shift + F Ctrl + Shift + F Ctrl + Alt + F
Search Ctrl + F Ctrl + F Ctrl + F
Replace Ctrl + H Ctrl + R Ctrl + H
Single-line comment Ctrl + / Ctrl + / Ctrl + /
Fullscreen display F11 F11
Open settings Ctrl + , Ctrl + Alt + S Ctrl + Alt + ,
Open terminal Ctrl + ~ Alt + F12 Alt + C

Common web browsers

Name Chrome Firefox Instruction
Open Developer Tools F12 F12
View webpage source code Ctrl + U Ctrl + U
Print web page Ctrl + P Ctrl + P
Normal reload Ctrl + R Ctrl + R
Hard reload Ctrl + Shift + R Force reload, no cache, prerequisite: valid after developer tools are opened.
Open file to view source code Ctrl + P Enter filename, it can search and open web page source code, prerequisite: it is effective after developer tools are opened.

You recently used:

收藏: favorite Menu QQ