VS Code has a plethora of tools and commands to make your life easier. But often, people don't know how to use them, resulting in excessive manual work and lost time.
This article will cover 7 shortcuts that can drastically speed up your development!
1. Toggle Word Wrap
| Windows | Mac |
|---|---|
ALT + Z |
⌥ + Z |
Need a quick view of the entire line without scrolling? Just enable word-wrap!
2. Switch workspace
| Windows | Mac |
|---|---|
CTRL + R |
⌘ + R |
Regular Way of Switching Workspaces: Navigate to the workspace you want to switch to & open up VS Code
Smart Way of Switching Workspaces: Open up VS Code anywhere & switch to the required workspace
3. Open Settings
| Windows | Mac |
|---|---|
CTRL + , |
⌘ + , |
Need to modify some settings? Instead of searching where the Open Settings Dropdown is hidden, just use the command!
4. Open Terminal
| Windows | Mac |
|---|---|
CTRL + ` |
⌃ + ` |
Need to execute some commands in the terminal? Instead of using another shell, conjure one within the editor!
5. Switch Tabs
| Windows | Mac |
|---|---|
CTRL + Tab |
^ + Tab |
The more advanced developer you become, the more you avoid using the mouse to speed up your development. Switching tabs from the keyboard is the must-have skill for the job!
6. Go To Line
| Windows | Mac |
|---|---|
CTRL + G |
^ + G |
Just like switching tabs, go to line saves time by eliminating unnecessarily scrolling!
7. Go to file
| Windows | Mac |
|---|---|
CTRL + P |
⌘ + P |
Another must-have skill for the modern developer! Go to file eliminates the need to search for the files in the explorer view, which often is a massive time sink!
If you want to know all VS Code the shortcuts, check out the following:
Finding personal finance too intimidating? Checkout my Instagram to become a Dollar Ninja
Thanks for reading
Need a Top Rated Front-End Development Freelancer to chop away your development woes? Contact me on Upwork
Want to see what I am working on? Check out my Personal Website and GitHub
Want to connect? Reach out to me on LinkedIn
Follow me on Instagram to check out what I am up to recently.
Follow my blogs for Weekly new Tidbits on Dev
FAQ
These are a few commonly asked questions I get. So, I hope this FAQ section solves your issues.
-
I am a beginner, how should I learn Front-End Web Dev?
Look into the following articles: Would you mentor me?
Sorry, I am already under a lot of workload and would not have the time to mentor anyone.
Top comments (9)
A couple I would definitely add to this excellent list are:
^ + -to go back (cursor position history) (command ID: workbench.action.navigateForward)shift + ^ + -to go forward (cursor position history) (command ID: workbench.action.navigateBack)I’m not sure what the Windows equivalents are.
Could you mention native "command-id" for your command?
dev-to-uploads.s3.amazonaws.com/up...
Sure thing! Thanks for asking, @dr41d45!
CTRL + wis an another shortcut for closing current editor.CTRL + P then enter a line number preceded by the full colon (:12) will also take you to that line.
Don't remember the shortcurt, remember the feature.
So much fun with these thanks for sharing with the examples.
Personally I think CMD + J is way more convenient for opening a terminal ;)
Thanks for sharing this ...