VS Code Can Do That - Workshop
Main
Main
  • VS Code Can Do That Workshop
  • Essential Keyboard Shortcuts
  • Exercise 1 - Customizing The Editor
    • Customizing The Editor
    • Switch themes
    • Install a new icon theme
    • Switch fonts
    • Editor tweaks
    • Change default Settings view
    • Easily identify editor instances
  • Exercise 2 - Productivity Tricks
    • Productivity Tricks
    • Essential navigation shortcuts
    • Creating HTML with Emmet
    • Styling with Emmet
    • Update image sizes
  • Exercise 3 - Navigation And Refactoring
    • Navigation And Refactoring
    • Moving, Duplicating and Deleting
    • Folding sections
    • Multiple cursors
    • Rename refactor
    • Finding things
    • Extract refactor
  • Exercise 4 - Debugging
    • Debugging
    • Simple debugging
    • Simple launch config
    • Auto attach
    • Debugging browser apps
    • Compound debug configurations
  • Exercise 5 - Docker
    • Docker
    • Dockerizing an application
    • Running and inspecting images
    • Docker compose
    • Debugging Docker containers
  • Exercise 6 - Remote Development
    • Remote Development
    • Create a remote container
    • Create a new function in the container
    • Handling extensions
  • Exercise 7 - Working With Data
    • Working with data
    • Working with MongoDB
    • Working with SQLite
    • Working with MySQL
  • Exercise 8 - Git and Source Control
    • Git and source control
    • Cloning repos with VS Code
    • Common Git workflows
    • Branching and merge conflicts
Powered by GitBook
On this page

Was this helpful?

  1. Exercise 5 - Docker

Running and inspecting images

PreviousDockerizing an applicationNextDocker compose

Last updated 5 years ago

Was this helpful?

You can run any image in a container from within VS Code. VS Code also provides functionality for inspecting, managing and otherwise working with images and containers on your machine.

  • Run the "i-love-lamp:latest" image from the Docker Explorer in VS Code

  • View the application running on port 3000

  • View the image logs

  • Attach a shell to the running image and inspect the file system

  • Stop the image

  • Remove the image

  • Open the Docker Explorer view by clicking on the Docker icon in the Activity Bar

  • In the "images" section, locate the "i-love-lamp" image. Expand it to find the "latest" image.

  • Right-click the image and select "Run"

  • Notice that there is now a container running

  • Open your browser and navigate to "http://localhost:3000"

  • View the application running in the Docker container

  • Right click the container in the "Containers" section of the Docker Explorer view and select "View Logs"

  • View the logs from the container

  • Right click the container in the "Containers" section of the Docker Explorer view and select "Attach Shell"

  • The integrated terminal will open connected to the Docker container

  • Navigate the file system with cd to change directory and ls to list the file system contents

Note that if you navigate to "/" with cd /, you will get to the root of the container. Notice how it appears as if the container is an entire Linux machine with a complete file system.

  • Right click the container in the "Containers" section of the Docker Explorer view and select "Stop"

  • Right click the container in the "Containers" section of the Docker Explorer view and select "Remove"

  • The container will be removed from the "Containers" section in VS Code