Quick File Navigation with Fuzzy Searching
Navigating between multiple files in a project can be overwhelming. Fuzzy searching solves this problem by letting you quickly locate files. On a Mac, you simply press
Command + P, then type the name of the file or component you’re looking for. If you’re familiar with your project, this can save you loads of time instead of having to click through folders.
Directly Jump to Definitions and References
Ever wondered where a particular variable or function is defined in your code? The
Command + Click (or
F12 for non-Mac users) will take you straight to its definition. You can also right-click and choose “Go to Definition” to accomplish the same. If you’re looking to see all the places where a variable or function is used, simply highlight it and press
Shift + F12 to open a panel listing all its references.
Efficient Code Refactoring
If you want to rename a variable or function across multiple instances, highlight it and press
F2. Type the new name, and VSCode will automatically refactor it across your project. This is especially useful when you’re dealing with imported or exported variables, as the change will propagate across all the files where it’s used.
Global Search within Project
To find instances of a particular word or phrase throughout your entire project, use
Command + Shift + F. This can be particularly helpful when you’re trying to understand where a function is being called or if you can safely remove or modify it.
Navigating Within a File
Sometimes, you’re not looking for a different file but rather a specific variable or function within the current one. You can do a
Command + P followed by
@ to see a list of all symbols (variables, functions, etc.) in the file. This allows you to quickly jump to specific parts of the code without scrolling.
Multiple Line Editing with Command D
When you need to make the same edit to multiple lines,
Command + D comes to the rescue. Highlight the word or phrase and press
Command + D multiple times to select all occurrences, then type away to update them all at once.
Moving Lines and Blocks of Code
Sometimes, reorganizing your code is as simple as moving a line or a block up or down. Use
Option + Up/Down arrow to accomplish this. It can come in handy when you’re restructuring loops, if-statements, or even entire functions.
Cutting and Deleting Lines
For quick deletions, place your cursor on the line you want to remove and press
Command + X. This cuts the entire line, making it easy to either delete it entirely or move it to another location.
Option and clicking, you can select multiple lines, which is useful for adding the same set of characters or making similar changes to several lines simultaneously.
Go to Specific Line Number
When you’re working with someone else or debugging, you might need to go to a specific line number. Use
Control + G and then enter the line number to jump directly to it.
Other Handy Tips
Command + Up/Down Arrowto go to the beginning or the end of a file.
- Use the Outline view (
View -> Outline) to quickly navigate to variables and functions within your current file.
- Don’t underestimate the power of the basic
Command + F). It can serve as another quick navigation tool within a file.
Learning to use these shortcuts effectively can significantly speed up your coding process. With time, they’ll become second nature, and you’ll wonder how you ever coded without them. Whether you’re an experienced developer looking to fine-tune your skills or a beginner eager to become more proficient, these shortcuts are invaluable tools in your coding arsenal.