Running Your First Docker Container from GitHub in VS Code

---

🎉 Running My First Docker Container: Step-by-Step Guide

In this blog, I’ll walk you through how I successfully ran my first Docker container using VS Code and Docker Desktop. From installing Docker to seeing that confetti screen 🎊 — this post has all the screenshots and steps!

---

📁 Step 1: Open VS Code and Create a Project Folder

• Launch Visual Studio Code.
• Click File > Open Folder and create a new folder (e.g., dola-new-docker).
• Open a new terminal inside VS Code (Ctrl + ~).

💻 Step 2: Check Docker Installation and Clone Repo

In the VS Code terminal, run the following commands to verify Docker installation and clone the Docker sample app:

docker --version
docker-compose --version
git clone https://github.com/docker/welcome-to-docker
cd welcome-to-docker
ls

This clones a welcome app with a Dockerfile.

🛠️ Step 3: Build the Docker Image

Now run the following command to build the Docker image:

docker build -t welcome-to-docker .

If successful, you’ll see BUILD FINISHED in the terminal.

🧊 Step 4: Go to Docker Desktop and Run the Image

• Open Docker Desktop.
• Click on Images from the left sidebar.
• Locate the image welcome-to-docker:latest.
• Click Run.

⚙️ Step 5: Set Container Port to 8090

When prompted, set the host port to 8090 and click Run.

🔗 Step 6: Launch the Application in Your Browser

• Go to the Containers tab in Docker Desktop.
• Click the port link (e.g., http://localhost:8090:3000).
• Your browser will open.

---

🎊 Final Output: Success Screen!

Boom! 🎉 You should see a Congratulations!!! You ran your first container screen.

💬 Final Thoughts

Running your first Docker container can feel magical. With VS Code and Docker Desktop, it’s simpler than ever. Let me know in the comments if you’d like me to walk you through Docker Compose next!

---

✅ Don’t forget to share your own experience below.

#docker #vscode #devops #containers #tutorial