Skip to content

Latest commit

 

History

History
103 lines (102 loc) · 4.2 KB

Customization.md

File metadata and controls

103 lines (102 loc) · 4.2 KB

Customization

  1. Customizing Shortcuts
    1. What we’ll cover
      1. Explore how shortcuts are managed by VS Code and customized by the developer
      2. Creating a few custom shortcuts
    2. Resources
      1. VS Code Docs Keybindings
    3. Pro Tips
      1. ctrlCmd - Command on Mac and Control on Windows. This way, you can share many of the same key bindings across Mac and Windows
      2. ctrlCmd + K ctrlCmd + S – to open up Shortcuts page
  2. Customizing User and Workspace Settings
    1. What we’ll cover
      1. How settings are managed by VS Code and customized by the developer
      2. Tweaking settings to customize the editor
    2. Resources
      1. VS Code Docs Settings
    3. Pro Tips
      1. Settings are incredibly easy and fast to customize. Spend some time trying out new settings and customizing them to fit you as a developer.
  3. Using Font Ligatures
    1. What we’ll cover
      1. How to take advantage of Font Ligatures in VS Code
    2. Resources
      1. Setup Instructions
      2. Fira Code
    3. Pro Tips
      1. Font Ligatures can provide increased readability in your code, not to mention give you a little flare!
      2. Set editor.fontLigatures to true and editor.fontFamily to “Fira Code” to take advantage of Font Ligatures
  4. Installing Your First Extension
    1. What we’ll cover
      1. How extensions can add functionality and customization to VS Code
      2. Where to find and install extensions
      3. How to enable/disable installed extensions
    2. Resources
      1. VS Code Extensions
  5. Popular Extensions Part 1
    1. What we’ll cover
      1. First set of extremely popular and useful extensions
    2. Resources
      1. VS Code Extensions
      2. Quokka
      3. Polacode
      4. Bracket pair Colorizer
      5. Rainbow Brackets
      6. Advanced New File
      7. Auto Close Tag
      8. Auto import (built in now?)
      9. Auto Rename Tag
      10. Html Tag Wrapper
      11. Live server
      12. Open in Browser
      13. Vs code icons
  6. Popular Extensions Part 2
    1. What we’ll cover
      1. Second set of extremely popular and useful extensions
    2. Resources
      1. VS Code Extensions
      2. Better comments
      3. JavaScript ES6 Snippets
      4. Npm intellisense (built In now)
      5. Path intellisense (built In now)
      6. Import cost
      7. Express Snippets (can't find this one anymore...?2. )
      8. Dotenv
      9. Intellisense for css classnames
      10. Todo
      11. Bookmarks
      12. Docker
  7. Popular Extensions Part 3
    1. What we’ll cover
      1. Third set of extremely popular and useful extensions
    2. Resources
      1. VS Code Extensions
      2. Azure Extension Pack
      3. React Redux Snippets
      4. Vetur
      5. Project Manager
      6. Angular Extension Pack
      7. Azure app Service
      8. Editor config
      9. ES Lint
      10. Settings Sync
      11. Git Lens
      12. Prettier Code Formatter
      13. Git History
      14. Color Picker
      15. Git Extension Pack
  8. Settings Sync Extension
    1. What we’ll cover
      1. How you can synchronize your VS Code settings with the Settings Sync extensions
    2. Resources
      1. Settings Sync Extension
  9. Themes
    1. What we’ll cover
      1. How to install themes to customize the look and feel of VS Code
      2. Popular themes to choose from
    2. Resources
      1. VS Code Docs Themes
      2. Night Owl
      3. One Dark Pro
      4. Dracula
      5. Cobalt 2
      6. Material Theme