The Visual Studio Code Remote - Containers extension lets you use a Docker container as a full-featured development environment, which helps ensure a consistent environment across developer machines and makes it easy for new team members and contributors to get up and running. Since Rancher Desktop supports Docker CLI via Moby, you can use the Visual Studio Code Remote - Containers extension out-of-the-box.
Steps to try a sample dev container
- Install and launch Rancher Desktop. Select
dockerd (moby)as the Container Runtime from the
- Install and launch Visual Studio Code or Visual Studio Code Insiders. This tutorial uses Visual Studio Code.
- Install the Remote Development extension pack.
- After the extension is installed, you will see the extension item in the side bar, and a green button at the lower left corner to show the command palette with various options/commands related to
- Microsoft provides a number of sample dev containers at this GitHub repository: https://github.com/microsoft/vscode-dev-containers.git. Clone this repository to your local machine.
git clone https://github.com/microsoft/vscode-dev-containers.git
- Click on the button at the lower left corner of the window and select
Open Folder in Container...from the command palette. Browse to one of the samples in the cloned respository, e.g.,
On selecting a sample, you will see the progress notification while the container is being loaded, and once the container is successfully started, the bottom left corner shows the container name.
Once the container is started, Press
F5in the VS Code IDE to start the sample application. You will see that the application is started and served on
Congratulations! You have successfully loaded and run a sample dev container using Rancher Desktop and VS Code.
Microsoft has provided extensive documentation about using dev containers in various scenarios here. Please refer to the following tutorials to try a use case that's relevant to your needs.
Happy Containerizing with Rancher Desktop!