Setup Help: Customizing Visual Studio Code
Format Code on Save
You must have selected a formatting option prior to these settings
taking affect.
- In the VS Code menu bar, click
File➡️Preferences➡️Settings
or just open the settings panel by pressing the the shortcut⌘+,
[Mac] orCtrl+,
[Windows/Linux]. - Type
format
in the search box. - Check the box for ☑️
Editor: Format on Save
. - Finished. You can close the Settings tab.
Auto-Updating Tags
Documentation: 📑Auto-Update Tags
Managing Extensions
Documentation: 📑VS
Code Extensions
- In the VS Code menu bar, click
View➡️Extensions
or just open the extensions panel by pressing the the shortcut⌘+Shift+X
[Mac] orCtrl+Shift+X
[Windows/Linux]. - Search for the extension you want to install.
- Click the
Install
button. - Finished. You can close the Extensions tab.
Code Color Theme Selection
- In the VS Code menu bar, click
File➡️Preferences➡️Theme➡️Color Theme
. - Select your preferred color theme from the list provided.
Additional color themes can be found through VS Code Extensions.
Example, Winter is Coming
User Snippets
Documentation: 📑User-Snippets
- Demonstration: 🎦User Snippets
Emmet - Code Shorthand
Documentation: 📑Emmet