VS Code, Live Server and Project Folder – Beginner Setup Guide

# 💻 Setup Guide: VS Code, Live Server & Project Folder ## 🌟 Introduction Before starting coding, we need some basic tools. These tools help us write code and run websites easily. In this guide, we will learn: - VS Code - Live Server - Project folder --- ## 🖥️ 1. VS Code (Code Editor) VS Code is a place where we write code. We use it to create websites and programs. ### 💡 Why we use VS Code: - It is free - It is easy for beginners - It helps us write code properly 👉 Simple meaning: VS Code is where we write our code. --- ## 🌐 2. Live Server Live Server helps us see our website in the browser. It shows the result of our code instantly. ### 💡 Benefits: - Shows website in browser - Updates automatically when we save - No need to refresh again and again 👉 Simple meaning: Live Server shows your website live. --- ## 📁 3. Project Folder A project folder is where we keep all files of our website. ### 💡 Example: - index.html - style.css - script.js We also keep images in a separate folder. 👉 Simple meaning: Project folder keeps all files organized. --- ## 🔄 How it works together 1. Open VS Code 2. Create a project folder 3. Write code in files 4. Use Live Server 5. See your website in browser --- ## 🚀 Conclusion These tools are very important for web development. VS Code helps us write code, Live Server shows output, and project folder keeps everything organized. This is the first step to start making websites.