🛠️ Setting Up the Environment With All Options.

👉 Steps to Download & Configure VS Code for JavaScript 💻⚙️📥✨

1️⃣ Download VS Code

1- Go to the official site 👉 https://code.visualstudio.com

2- Click Download.

• Choose the installer for your OS:
  • • Windows (.exe)
    • macOS (.dmg)
    • Linux (.deb / .rpm / tar.gz)

3- Run the installer and follow the setup wizard.

• • On Windows: check "Add to PATH" and "Add ‘Open with Code’ to Explorer" for easier access.

2️⃣ Open VS Code

• Launch VS Code after installation.
• You’ll see the Welcome Screen with options to create a file or open a folder.

3️⃣ Install Useful Extensions (Optional but Recommended)

Open the Extensions Marketplace (left sidebar, or press Ctrl+Shift+X / Cmd+Shift+X):

• JavaScript (ES6) Code Snippets – handy shortcuts.
• Prettier – Code Formatter – auto-formatting.
• Live Server – launches a local development server and auto-refreshes browser.

4️⃣ Configure VS Code Settings (Optional)

• Open Settings (Ctrl+, / Cmd+,).
• Common tweaks:
  • Enable Format on Save.
  • Set default formatter to Prettier.
  • Adjust font size or theme for comfort.

5️⃣ Install Node.js

1. Go to https://nodejs.org.
2. Download the LTS (Long-Term Support) version.
3. Install it → this also installs the Node Package Manager (npm).
4. To verify installation open VS Code:

• Open a terminal and type:

node -v

• (You should see a version number, e.g., v22.18.0.)

✅ Summary

1. Download VS Code → install for your OS.
2. Install extensions like JavaScript (ES6) Code Snippets, Live Server and Prettier.
3. Configure VS Code Settings like Format on Save, default formatter to Prettier, Adjust font size or theme for comfort.
   
4. Install NodeJS to be able to run JS code outside Browser.
5. Your are ready !

👉 Now your system is fully set up for JavaScript development in VS Code 🚀.

👉 Recommendation: Use DevTools for quick testing, and VS Code for projects.

👉 In the coming lessons will learn how to write your first code and discuss 3 options to run JavaScript.