vscode-setup.md

Visual Studio Code Setup

💡 Following these steps you will install some basic extensions for Visual Studio Code and do some required setup for the course.

1. Open Visual Studio Code
2. Open the Extensions Panel
   • Windows: CtrlShiftX
   • Mac: ⇧⌘X
3. Install the following extensions
   • Auto Rename Tag
   • Live Preview
   • Prettier - Code formatter
   • ESLint
4. Open the Visual Studio Code settings:
   • Windows: Ctrl,
   • Mac: ⌘,
   • Search for "Default Formatter" and set to "Prettier - Code formatter"
   • Search for "Format On Save" and check the checkbox

   • 💡 This will set up Visual Studio Code to automatically format your code on save using Prettier.

5. Go to iTerm/Git Bash and type code . If Visual Studio Code opens then you can skip step 6.
6. (Only for Mac Users) Open the command palette by pressing ⇧⌘P.
   • Type "shell command" into the prompt.
   • Select "Shell Command: Install 'code' command in PATH" and confirm the installation by pressing Enter.

   • 💡 This allows you to open a folder in Visual Studio Code from the command line with the code . command.

7. (Only for Windows Users) Open the command palette by pressing ⇧CTRLP or F1.
   • Type Terminal: Select Default Profile and choose Git Bash.