Installing Visual Studio & Introduction
In this module, students will learn how to install and set up Visual Studio Code (VS Code), a powerful and widely used code editor for web development. The process is explained step by step, making it easy even for complete beginners to follow.
Students will also get a clear introduction to the VS Code interface, including the file explorer, editor, extensions, and basic tools required for coding. This helps them understand how to write, manage, and run code efficiently.
By the end of this module, learners will have a fully working development environment and the confidence to start their coding journey.
Step-by-Step Installation Guide
1. Download VS Code
- Go to: https://code.visualstudio.com
- Go to:https://code.visualstudio.com
- Click on Download for Windows or if you have mac then check second one
2. Install the Software
- Open the downloaded file
- Click Next → Next → Install
- Select:
- ✔ Add to PATH
- ✔ Create Desktop Icon
- Click Finish
3. Open VS Code
- Launch VS Code from desktop or start menu
- You will see the main editor screen
4. Install Important Extensions
Go to Extensions (left sidebar) and install:
- Live Server
- HTML CSS Support
- Prettier (Code Formatter)
5. Create Your First File
- Click File → New File
- Save as
index.html - Start writing code
🔹 Result
After completing this:
- VS Code installed
- Ready for web development
- Basic understanding of interface