{"id":9082,"date":"2024-02-08T10:07:21","date_gmt":"2024-02-08T10:07:21","guid":{"rendered":"https:\/\/cheapwindowsvps.com\/blog\/how-to-manage-docker-using-vs-code\/"},"modified":"2025-01-20T10:15:15","modified_gmt":"2025-01-20T10:15:15","slug":"how-to-manage-docker-using-vs-code","status":"publish","type":"post","link":"https:\/\/cheapwindowsvps.com\/blog\/how-to-manage-docker-using-vs-code\/","title":{"rendered":"How to Manage Docker Using VS Code"},"content":{"rendered":"

You can manage Docker images and containers directly within Visual Studio Code (VS Code) with Microsoft’s Docker extension. This article walks you through adding Docker files to a Workspace, creating a containerized application environment, and explains how to build and run Docker containers directly from the VS Code interface.<\/div>\n<\/p>\n

Prerequisites<\/h2>\n<\/p>\n

To follow this guide, you only need VS Code and Docker installed on your PC or Mac. If you work with Linux, you also must install the Docker Compose plugin<\/a>.<\/p>\n<\/p>\n

Install Docker extension<\/h2>\n<\/p>\n

Begin by adding the Docker extension to your VS Code which is provided by Microsoft. You can do this by moving to the Extensions view. The shortcuts are Ctrl+Shift+X for Windows users and Cmd+Shift+X for those using macOS. Once you’re there, search for the Docker extension and install it.<\/p>\n<\/p>\n

Install the Docker extension in VS Code<\/a><\/p>\n

Create a Project<\/h2>\n<\/p>\n

Next, create a directory for your demo project to follow along with this blog. Proceed to add an index.php<\/em> file and copy the following code:<\/p>\n<\/p>\n

<p>Welcome, John Doe<\/p><\/p>\n

<h2>Add Docker files to the Workspace<\/h2><\/p>\n

<p>Add essential Docker files (e.g., Dockerfile, docker-compose.yml, and .dockerignore) to your project. For those who don’t know, Dockerfile defines the instructions for building a container image for your app. The docker-compose.yml file defines and runs multi-container Docker applications. The .dockerignore file specifies which files and directories should be excluded when creating the container image.<\/p><\/p>\n

<p>To add the Docker files to your project, follow these steps:<\/p><\/p>\n

    \n
  1. Invoke the command palette of VS Code by pressing the Ctrl+Shift+P keys (CMD+Shift+P on Mac), then type the Docker: Add Docker Files to the Workspace<\/em>, and hit Enter.<\/li>\n
  2. When prompted, select your application platform from the list. I am using PHP, so I chose Other<\/em>.<\/li>\n
  3. When prompted to include the optional Docker compose files, select Yes<\/em> or No<\/em>, depending on your requirement. I will choose Yes<\/em>.<\/li>\n
  4. You will see the new Docker files added to your project. Now, open the Dockerfile<\/em> in VS Code and paste this code:<\/p>\n

    <\/p>
    FROM php:8.2-apache<\/p>
    \t\tCOPY . \/var\/www\/html\/<\/p>
    \t\tWORKDIR \/var\/www\/html\/<\/p>
    \t\tCMD [\"apache2-foreground\"]<\/p>
        <\/pre>\n<\/p>\n
    Here is an explanation of the Dockerfile<\/em>:<\/p>\n<\/p>\n