Similar to my Jetbrains/IntelliJ/Webstorm setup, this is a gist with everything I use on my vscode setup.
I plan to always keep it up to date.
Recommended to have git bash installed.
- Tips & Tricks
- Keyboard shortcuts (Other operating systems’ keyboard shortcuts at aka.ms/vscodekeybindings, or Go to Help -> Keyboard Shortcuts Reference)
- Interative Playground. Go to Help -> Interative playground
- Release notes(they always show cool existing and new features)
- Refactoring
Prefer ttf variable > ttf static > otf static
- sidebar-markdown-notes
- Better Comments
- Path Intellisense
- TypeScript Hero
- GitLens — Git supercharged
- Git Graph
- Disabled due to performance:
colorize
- Surround
- Go to Next/Previous Member
- Disabled due to performance:
Inline Parameters for VSCode
These shortcuts are on Windows, and symbols are from an ABNT2 keyboard
] on ABNT2 is equals to \
´ on ABNT2 is equals to [
Some of the following commands also depends on keybindings.json
to be configured the same as the below provided settings, and others depends on some extensions
More at aka.ms/vscodekeybindings
Ctrl + K Z
= Turn on Zen mode (Caution with windows focus assist, maybe turn it off or it will hide your notifications)
Ctrl + Up/Down
= Go to next/previous member(Extension: mishkinf.goto-next-previous-member)
Ctrl + Shift + T
= Surround with(Extension: yatki.vscode-surround)
Shift + Alt + O
= Organize(Extension: rbbit.typescript-hero)
Shift + Alt + Left/Right
= Select more/Less
Shift + Alt + Up/Down
= Duplicate up/down
Ctrl + Shift + O
= Navigate symbols
Ctrl + Shift + L
= Select all similar to current cursor
Ctrl + Shift + M
= Problems tab
Ctrl + Shift + ]
= Go to the end of the current bracket
Ctrl + Alt + W
= Wrap with html tag(Depends on keybindings.json
)
Shift + Alt + A
= Comment "big"
Ctrl(Hold) + K + I
= Show hover info tooltip
Ctrl + Shift + Space
= Parameter hints
F8
= Cycle through errors
Ctrl + H
= Open replace window
Ctrl + Alt + Enter
= Confirm replacement
F12
/ Ctrl + F12
/ Shift + F12
/ Alt + F12
/ Ctrl + Shift + F12
(and any Ctrl + Shift variations) = Definitions/Implementations/Goto variations
Alt + Click
= Add multi cursor
Ctrl + Alt + Up/Down
= Add multi cursor up/down
Shift + Alt + Click(Drag
= Box selection
Alt + Left/Right
= Move between multiple terminals
Ctrl + Shift + 5
= Make new side terminal
Shift + Alt + -
= When on explorer view, fold everything(Depends on keybindings.json
)
Alt + Insert
= When on explorer view, create a new file(Depends on keybindings.json
)
Ctrl + Q
= Quick open view
Ctrl + ]
= Open current on right
Ctrl(Hold) + K + Left/Right
= Focus left/right editor group
Ctrl(Hold) + [1..5]
= Focus group 1..5
Ctrl + Shift + G G
= Open definition right
Ctrl + W
= Close tab
Ctrl + K W
= Close all tabs
Ctrl + K U
= Close saved
Ctrl + K Enter
= Transform temporary tab in normal tab
Ctrl + K Shift + Enter
= Pin/Unpin tab
Ctrl + Shift + ´
= Fold
Ctrl + Shift + [
= Unfold
Ctrl(Hold) + K + 0
= Fold All
Ctrl(Hold) + K + J
= Unfold All
Ctrl(Hold) + K + ´
= Fold Recursive
Ctrl(Hold) + K + [
= Unfold Recursive
Alt + Left/Right
= Go to previous/Next on history (Depends on keybindings.json
on non windows machines)
Alt + Up/Down
= Move line up/down
Ctrl + PageDown/PageUp
= Navigate between open tabs
Ctrl + Shift + .
+ Ctrl + Left/Right
= Navigate on breadcrumb
Ctrl + B
= Toggle Sidebar
Ctrl + Shift + E
= Open explorer sidebar
Ctrl + E
= Go to file, show recent edits (workbench.action.quickOpen)
Ctrl + P
= Go to file, show recent edits (workbench.action.quickOpen)
Ctrl + Shift + P
= Open commands console
Ctrl + Home/End
= Go to End/Start of file
PageDown/PageUp
= Scroll file pages
Ctrl + ArrowUp/ArrowDown
= Scroll file line
Ctrl + Space
= Display auto-complete/Import tooltip suggestions
Ctrl + .
= Quick fix
Ctrl + ;
= Comment current line or selection
Ctrl + K S
= Save all tabs
F2
= Rename refactor
This is a fix for when you use zen mode, but the elements does not show correctly
- Press
Ctrl + P
- Type
>
- Type
runtime
- Open
Configure runtime arguments
- Add
"disable-hardware-acceleration": true
or copy theargv.json
file from this gist - Restart vscode
- React:
%APPDATA%\Code\User\snippets\typescriptreact.json