Developer Productivity Tips
Who am I?
I'm n-d-r-d-g (pronounced "underdog")
Front-end web developer
Footballer
n-d-r-d-g (feel free to chat)
Git: GitLens Interactive Rebase
- Visual interface
- Drag & drop to reorder
- Dropdown menu
Git: Fixup Commits
Squash multiple commits together
git rebase -i PREVIOUS_COMMIT_HASH_BEFORE_FIXUP_DESTINATION
Git: Split Commits
Break one commit into multiple smaller commits
git rebase -i HEAD~N
git reset HEAD^ # Undo the commit, but keep changes
git add file1 && git commit -m 'First part'
git add file2 && git commit -m 'Second part'
git rebase --continueGit: Patch
Transfer changes without committing
# Generate patch on staged files
git diff --cached > fix.patch
# Apply patch
git apply fix.patchVSCode: Explorer View
Command + Shift + E
Ctrl + Shift + E
VSCode: Search View
Command + Shift + F
Ctrl + Shift + F
VSCode: Source Control View
Control + Shift + G
Ctrl + Shift + G
VSCode: Extensions View
Command + Shift + X
Ctrl + Shift + X
VSCode: Switch Windows
Command + `
Shift + Command + `
Ctrl + `
Shift + Ctrl + `
VSCode: Zen Mode
Control + Command + Z
Ctrl + K + Z
VSCode: Tab Navigation
Option + Command + ←/→
Ctrl + PageUp/PageDown
VSCode: Close Current Tab
Command + W
Ctrl + W
VSCode: Move Line Up/Down
Option + ↑/↓
Alt + ↑/↓
VSCode: Duplicate Line Up/Down
Shift + Option + ↑/↓
Shift + Alt + ↑/↓
VSCode: Multiline Select Up/Down
Option + Command + ↑/↓
Ctrl + Alt + ↑/↓
VSCode: Go to File
Command + P
Ctrl + P
VSCode: Go to Line
Command + P, then :
Ctrl + P, then :
VSCode: Go to Symbol
Command + P, then @
Ctrl + P, then @
VSCode: Top/Bottom Navigation
Command + ↑/↓
Ctrl + Home/End
VSCode: Change Case
Command + Shift + P
Ctrl + Shift + P
Then type: Transform to...
VSCode: Sort Lines
Command + Shift + P
Ctrl + Shift + P
Then type: Sort Lines...
VSCode: Organize Imports
Command + Shift + P
Ctrl + Shift + P
Then type: Organize Imports
VSCode: Wrap with Tag
Command + Shift + P
Ctrl + Shift + P
Then type: Wrap with Abbreviation
VSCode: Diff Files
Command + Shift + P
Ctrl + Shift + P
Then type: Compare Active File With...
VSCode: Select Occurrences
Command + D
Ctrl + D
Shift + Command + L
Ctrl + Shift + L
VSCode: Restore Terminal
Control + `
Ctrl + `
VSCode: Rename Symbol
F2