vscodeVSCode Shortcuts
  1. intellisense
    1. blue suggestion: property
    2. purple suggestion: method
    3. Use the ctrl + space key combination to force Intellisense to show up.
  2. When inside a method parentheses, press ctrl+shift+space to trigger parameter hints.
  3. Create a new file using the File Explorer. When typing the path, also include directories that do not exist and they will be created automatically, i.e somewhere/cool/myfile.txt.
  4. Open the command palette with ctrl+p, then type an @ symbol to move around the code quickly.
  5. Use the ctrl+l key to select lines of code quickly. For more precise selections, use shift + ← ↑ → ↓ to highlight individual characters.
  6. Copy the line of code that you’re currently on by hitting ctrl+c or ctrl+x. It will copy the entire line, no need to highlight it with the mouse.
  7. To move a line somewhere nearby, simply use alt + ← ↑ to move the line.
  8. To copy the same line of code over and over again, use shift + alt + ← ↑
  9. Use the command palette for find the Fold All command. It will fold all the code in the document, then you can use ctrl+shift+] to unfold the parts you’re working on.
  10. Open VS Code settings with ctrl+,, then enable Bracket Pair Colorization. It’s especially useful when using a curly brace langauge like JavaScript, C, Dart, etc.
  11. Use alt + click to set multiple cursors at the same time. This can be much faster than copy/paste when the value the same in every location.
  12. From the settings, enable the Linked Editing option. VS code will now automatically match any opening and closing tags for simultaneous edits.
  13. Find a symbol in your code that’s used multiple times, like a variable name. Put your cursor on the symbol and press ctrl+d. It will find the next match and place an extra cursor on it, making name changes much faster.
  14. Emmet cheat sheet: https://docs.emmet.io/cheat-sheet/
  15. Right click on a symbol and select Peek References. This will show all other files that reference the symbol. This is generally more efficient than doing a global find.
  16. First, find the original implementation of a function or variable. Next, right click on a symbol and select Rename Symbol. This will rename the symbol and all references to it.
  17. When you see the 💡 in VS code, it means you can take action on it. Click it or use the ctrl + . shortcut to view the available actions.
notesnotes