As developers, we spend a significant amount of time working in our code editors, and efficiency is key to maximizing productivity. Visual Studio Code (VS Code) is a powerful, lightweight code editor with an extensive range of keyboard shortcuts designed to save you time and streamline your workflow. Here’s a comprehensive list of some of the most useful shortcuts in VS Code.
please subscribe to my YouTube channel to support my channel and get more web development tutorials.
General Shortcuts
- Ctrl+P: Quick Open, Go to File
- Ctrl+Shift+P / F1: Show Command Palette
- Ctrl+Shift+N: New Window/Instance
- Ctrl+Shift+W: Close Window/Instance
- Ctrl+,: Open Settings
Basic Editing
- Ctrl+X: Cut line (empty selection)
- Ctrl+C: Copy line (empty selection)
- Alt+↑ / Alt+↓: Move line up/down
- Shift+Alt+↓ / Shift+Alt+↑: Copy line up/down
- Ctrl+Shift+K: Delete line
- Ctrl+Enter: Insert line below
- Ctrl+Shift+Enter: Insert line above
- Ctrl+Shift+: Jump to matching bracket
- Ctrl+] / Ctrl+[: Indent/outdent line
- Home / End: Go to beginning/end of line
- Ctrl+Home: Go to beginning of file
- Ctrl+End: Go to end of file
- Ctrl+↑ / Ctrl+↓: Scroll line up/down
Multi-cursor and Selection
- Alt+Click: Insert cursor
- Ctrl+Alt+↑ / Ctrl+Alt+↓: Insert cursor above/below
- Ctrl+U: Undo last cursor operation
- Shift+Alt+I: Insert cursor at end of each line selected
- Ctrl+L: Select current line
- Ctrl+Shift+L: Select all occurrences of current selection
- Ctrl+F2: Select all occurrences of current word
- Shift+Alt+→: Expand selection
- Shift+Alt+←: Shrink selection
- Shift+Alt+(drag mouse): Column (box) selection
- Ctrl+Shift+Alt+(arrow keys): Column (box) selection
Search and Replace
- Ctrl+F: Find
- Ctrl+H: Replace
- F3 / Shift+F3: Find next/previous
- Alt+Enter: Select all occurrences of Find match
- Ctrl+D: Add selection to next Find match
- Ctrl+K Ctrl+D: Move last selection to next Find match
Navigation
- Ctrl+T: Show all Symbols
- Ctrl+G: Go to Line...
- Ctrl+P: Go to File...
- Ctrl+Shift+O: Go to Symbol...
- Ctrl+Shift+M: Show Problems panel
- F8: Go to next error or warning
- Shift+F8: Go to previous error or warning
- Ctrl+Shift+Tab: Navigate editor group history
- Ctrl+- / Ctrl+Shift+-: Go back/forward
- Ctrl+K Ctrl+Q: Go to last editor in group
Editor Management
- Ctrl+: Split editor
- Ctrl+1 / Ctrl+2 / Ctrl+3: Focus into 1st, 2nd, 3rd editor group
- Ctrl+K Ctrl+← / Ctrl+K Ctrl+→: Focus into previous/next editor group
- Ctrl+Shift+PgUp / Ctrl+Shift+PgDn: Move editor left/right
- Ctrl+K Ctrl+W: Close all editors
File Management
- Ctrl+N: New File
- Ctrl+O: Open File...
- Ctrl+S: Save
- Ctrl+Shift+S: Save As...
- Ctrl+K S: Save All
- Ctrl+F4 / Ctrl+W: Close Editor
- Ctrl+K Ctrl+F: Close folder
Display
- F11: Toggle full screen
- Shift+Alt+0: Toggle editor layout (horizontal/vertical)
- Ctrl+Shift+F: Search across files
- Ctrl+B: Toggle sidebar visibility
- Ctrl+Shift+E: Show Explorer / Toggle focus
- Ctrl+Shift+G: Show Source Control
- Ctrl+Shift+D: Show Debug
- Ctrl+Shift+X: Show Extensions
- Ctrl+Shift+H: Replace in files
- Ctrl+Shift+J: Toggle search details
- Ctrl+Shift+U: Show Output panel
- Ctrl+Shift+V: Open Markdown preview
- Ctrl+K V: Open Markdown preview to the side
Integrated Terminal
- Ctrl+`: Show integrated terminal
- Ctrl+Shift+`: Create new terminal
- Ctrl+C / Ctrl+V: Copy/Paste in terminal
- Ctrl+↑ / Ctrl+↓: Scroll up/down in terminal
- Shift+PgUp / Shift+PgDn: Scroll page up/down in terminal
Debugging
- F9: Toggle breakpoint
- F5: Start/Continue
- Shift+F5: Stop
- F11 / Shift+F11: Step into/out
- F10: Step over
- Ctrl+K Ctrl+I: Show hover
By integrating these shortcuts into your daily workflow, you can significantly speed up your development process and become a more efficient coder. Happy coding!
Feel free to leave comments or ask questions below. If you have more tips and tricks, share them with the community!
How to Use This List
- Learn Gradually: Try to learn a few shortcuts at a time instead of memorizing the entire list at once.
- Customize Shortcuts: If a default shortcut doesn’t fit your workflow, customize it. Go to File > Preferences > Keyboard Shortcuts.
- Practice: Regular use will help cement these shortcuts in your memory.
Remember, the goal is to make coding more efficient and enjoyable. Keep experimenting with different shortcuts and find what works best for you.
Start Your JavaScript Journey
If you're new to JavaScript or want a refresher, visit my blog on BuyMeACoffee to get started with the basics.
👉 Introduction to JavaScript: Your First Steps in Coding
Follow me for more tutorials and tips on web development. Feel free to leave comments or questions below!
Follow and Subscribe:
- Website: Dipak Ahirav
- Email: dipaksahirav@gmail.com
- YouTube: devDive with Dipak
- LinkedIn: Dipak Ahirav
Top comments (0)