Mac operating
Screen capture
command+shift+3
Capture the entire screencommand+shift+4
Part of the interceptcommand+shift+A
Screenshot of enterprise wechatcommand+shift+X
Xnip Screenshot (👍)
Forced out of
command+option+esc
Open the program exit windowcommand+option+shfit+esc
Directly out of
1.Iterm2
A terminal window
command+.
Enter terminal to open the terminalcommand+N
Open a new terminal windowcommand+T
A terminal opens multiple tabs,command+D
New Windows stand upcommand+shift+D
Horizontal new windowcommand+W
Close current window
1. View files and directories
- Enter folder:
cd
- Return to parent file:
cd .. /
- Return to root directory:
cd ~
- To view the current directory structure:
ls
2. Create and edit files
- Create folder:
The mkdir filename
- Create file:
vim config-overrides.js
- Edit mode insert:
i
- Exit and return to normal mode:
Esc
(After Esc exits, the content can be deleted) - Delete:
x
To delete a character backwards,X
Deletes a character for the previous one
3. Exit and save the Settings
- Exit save:
:
(Enter Q, etc., to exit the file) - Exit:
:q
- Save exit:
Wq or: x
- Forcible exit is applicable to exit without saving the file after modification:
:q!
2.Visual Studio Code
The editor
- Select the current row:
Control + L
- Copy and paste the current line:
Control + D
- Display the global command panel:
Command + Shift + P
- Search files:
Command + P
- Newly opened window:
Command + Shift + N
- Insert a new line under the current line:
Command + Enter
- Insert a new line on the current line:
Command + Shift + Enter
- Open shortcut key Settings:
Command + K + S
- Global search:
Command + Shift + F
- Preview the Markdown file:
Command + Shift + V
- Open the integration terminal:
Control +
` - Create a new terminal:
Control + Shift +
` - The sidebar shows hidden:
Command + B
- Jump to a row:
Control + G
- Open Git visual management:
Control + Shift + G
3.Chrome
Chrome Google browser 👍
command+p
: File searchcommand+l
: Jumps to the URL address barcommand+control+f
: Global or cancel global displaycommand+shift+f
: Navigation bar Show or hide
1. All Panels (CMD = command)
cmd-L
The cursor jumps directly to the address barcontrol-Tab
Go to the next TABcontrol-shift-tab
Go to the previous TABCMD + write left
Top/bottom of current pagecmd-N
Open a new windowcmd-W
Close the current page. Close only one pagecmd-D
collectioncmd+shift+N
Create a new traceless mode windowcmd+T
Create a new TABcmd+opt+L
Open the download content window (only one)cmd+shift+T
Open download content window (can open more than one)cmd+shift+B
Hide/show bookmarks barcmd+opt+B
Bookmark Management pagecmd+shift+delete/x
Clearing Historical Datacmd+ + -
Scaling the current pagecmd+R
Refresh the pagecmd+shift+R
Strong brush pagecmd+opt+F
Fast Bing search barcmd+O
Pop-up Finder (browser page valid)Cmd+Y
The history page is displayed
2. DevTools operation
fn + f12
或cmd+opt+I
Bring up theDevTools
cmd+shift+C
Bring up the Review Elements windowcmd+opt+J
Open developer tools and navigate to the consolecmd+opt+C
Open theDevTools
(Cannot be closed)- Elements Review Elements
- CMD +Z reverses the changes
- Cmd + Y, Cmd + Shift + Z redo
- ↑↓ Navigation up or down
- ← → Collapse/expand nodes
- Opt + ← → Collapse/expand all child nodes
- Double-click Enter to modify the property
- H Hidden element
- Fn +F2 edit As HTML
- Right-click an element to do this:
- State of Force State change element (: active, : hover, : focus, : visited);
- Scroll into view to locate the element on the page
- Setting breakpoints on elements (changing child elements, changing attributes, and deleting nodes)
3. Style Sidebar
- CMD + click properties to navigate to the style property definition
- CMD + click Value to navigate to the property value definition
- Shift + click on the color block to cycle the color value (RGBA,#, HSL, etc.)
- Tab,Shift+Tab to edit up/next property
- ↑↓ Increases or decreases a value
- Shift +↑↓ Increases/decreases the value by 10 each time
- Opt +↑↓ Increases/decreases the value by 0.1 each time
- + Add new style picker
4. The Sources panel
F8,Cmd+\
Pause/resume the scriptF10,Cmd+'
Step over next function callF11,Cmd+;
Step into next function callShift+F11,Cmd+Shift+;
Step out of current functionOpt+.
Select next call frameOpt+,
Select previous call frame- Click line Number or CMD +B to create a breakpoint
line number
Right-click to change the breakpoint statusCmd+/
annotationCmd+Opt+S
Save all changesCmd+O/P
Through file name search,:number jumps to the specified lineOpt+W
Close current windowCmd+D
Select the next occurrence locationCmd+U
Undo last action
5. Console
-
Cmd+K,Opt+L Clear the console