VSCode Tips & Tricks

  1. Formatting on Save using Prettier
    1. Install the Prettier extension from the VSCode Marketplace.
    2. Go to settings and look up "Format on Save" and enable it.
  2. Quick Open File: Press Cmd + P (or Ctrl + P on Windows) to quickly open any file in your project.
  3. Multi-Cursor Editing: Hold down Option (or Alt) and click to place multiple cursors.
  4. Split Editor: Use Cmd + \ (or Ctrl + \) to split the editor.
  5. Quick Commenting: Select a block of text and press Cmd + / (or Ctrl + /).
  6. Integrated Terminal: Open the terminal using Ctrl + `.
  7. Go to Definition: Hover over a function and press F12.
  8. Find All References: Use Shift + F12.
  9. Zen Mode: Press Cmd + K, Z for Zen Mode.
  10. Extensions for HTML & CSS:
    • HTML Boilerplate: Quickly set up your HTML structure.
    • CSS Peek: See CSS code snippets for your HTML elements.
  11. Emmet Integration: Emmet is built into VSCode!