Visual Studio Code 101 #8 : 10+ Docker and kubernetes container extension in recommendation

we recommend you can refer the 3 container article Docker in Visual Studio Code, Use Docker Compose, and Use Bridge to Kubernetes (VS Code)

VSC Series

[VSC] Visual Studio Code 101 #8 : 10+ Docker and kubernetes container extension in recommendation

∘ Introduction
 ∘ Story Series
 ∘ Main Part on VSC extension
 ∘ 1. Docker and docker-compose support on VSC extension
 ∘ 2. Kubernetes support on on VSC extension
 ∘ 3. Dockerfile and kubernetes file — yaml and shell editing tool on VSC extension
 ∘ Summary

Introduction

Visual Studio Code is a powerful and free IDE and support 10+ language development and rich of marketplace that is managed by Microsoft official. In this story, we would share the experience on 100+ extensions, and cutting the best extensions for docker, docker-compose, and kubernetes extension that you can’t miss. Moreover, we recommend these extensions to speed your productivity up 30% and high efficiency on writing your code.

In this section “Visual Studio Code 101 #8 : 10+ Docker and kubernetes container extension in recommendation”, we recommend you can refer the 3 container article Docker in Visual Studio Code, Use Docker Compose, and Use Bridge to Kubernetes (VS Code), they show how to use VS Code to build, manage, and deploy containerized applications with docker, docker-compose, and Kubernetes. Another topic is developing inside a container, and Visual Studio Code provides use a Docker container as a full-featured development environment. This container can be used to run an application or to separate tools, libraries, or runtimes needed for working with a codebase. More detail from this article Developing inside a Container

Finally, we are going to introduce useful extensions, and we wish these extensions could help you speed up your working efficiency.

Story Series

Now, I hope to share some experience to decrease the gap from a novice to an expert. This series will introduce Visual Studio Code 101 from 0 to 100 migration from the other IDE, it contains below parts :

Series

1. Visual Studio Code 101 #1 : Introduction and Get start

2. Visual Studio Code 101 #2 : 20+ Recommend VSC extension you have to install in general purpose

3. Visual Studio Code 101 #3 : 20+ Recommend VSC extension you have to install in advanced purpose

4. Visual Studio Code 101 #4 : 7+ C_C++ extension in recommendation (Clang-Format)

5. Visual Studio Code 101 #5 : 10+ Python extension in recommendation

6. Visual Studio Code 101 #6 : 10+ Javascript Node React extension in recommendation

7. Visual Studio Code 101 #7 : 10+ HTML CSS extension in recommendation

8. Visual Studio Code 101 #8 : 10+ Docker and kubernetes container extension in recommendation

9. Visual Studio Code 101 #9 : 10+ CICD Jenkins, Gitlab, Github Action, and Azure-pipeline extension in recommendation

10. Visual Studio Code 101 #10 : DevOps Engineer extension in recommendation

11. Visual Studio Code 101 #11 : Cloud Engineer extension in recommendation

Main Part on VSC extension

Got your docker, docker-compose, and kubernetes perfect fit in VSCode IDE!! First of all, we recommend docker, docker-compose on vsc extension and introducing kubernetes extension in second part. Finally, in third part, we introduce essential extension about yaml file and shell that would be useful for editing dockerfile, docker-compose file, and kubernetes file. Moreover, you can refer 3 container article Docker in Visual Studio Code, Use Docker Compose, and Use Bridge to Kubernetes (VS Code) at first, if you don’t have any idea on HTML and CSS extension extension.

1. Docker and docker-compose support on VSC extension

Docker

• CodeName: ms-azuretools.vscode-docker

• Description: Makes it easy to create, manage, and debug containerized applications.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I use this extension to build, manage, and deploy containerized applications from Visual Studio Code. Also, I like completions and syntax help for common commands, because I can quickly finish dockerfile. Truly recommendation.

• Quick View:

Docker extensions in Visual Studio Code

Docker Explorer

• 2022.07.01 Update: VSCode integrate the similar function inside.

• CodeName: ms-azuretools.vscode-docker

• Description: Manage Docker Containers, Docker Images, Dockerfile and docker-compose files.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I use this extension to install docker and docker explorer simultaneously. You can refer the Docker and

• Quick View:

Docker Explorer extensions in Visual Studio Code

Docker Extension Pack

• CodeName: ms-azuretools.vscode-docker

• Description: Manage Docker Containers, Docker Images, Dockerfile and docker-compose files.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I use this extension to install docker and docker explorer simultaneously. You can refer the Docker and Docker Explorer extension for more detail.

• Quick View:

Docker Extension Pack extensions in Visual Studio Code

Docker Run

• CodeName: george3447.docker-run

• Description: Start your docker containers automatically for each workspace.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You can use that. I use this extension in same workspace to build with docker. However, I think it is not suitable for all coding scenario, so I advise you just give a try and check if it is good for you.

• Quick View:

Docker Run extensions in Visual Studio Code

Remote — Containers

• CodeName: ms-vscode-remote.remote-containers

• Description: sOpen any folder or repository inside a Docker container and take advantage of Visual Studio Code’s full feature set.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You should use it. I use this extension to debug things between different and separate remote container, and I can use container as a full-featured development environment. I most like container for trying out new technologies or cloning a copy of a code base without impacting my local setup. You should try this. Truly recommendation.

• Quick View:

Remote — Containers extensions in Visual Studio Code

2. Kubernetes support on on VSC extension

Kubernetes

• CodeName: ms-kubernetes-tools.vscode-kubernetes-tools

• Description: Develop, deploy and debug Kubernetes applications.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I view kubernetes clusters in an explorer tree view and editing kubernetes resources and helm charts and templates with intellisense feature. Moreover, I like the support on helm that is the package manager for Kubernetes, so I can write helm file more quickly. Truly recommendation.

• Quick View:

Kubernetes extensions in Visual Studio Code

Bridge to Kubernetes

• CodeName: mindaro.mindaro

• Description: Rapid Kubernetes development for teams.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I use this extension to connect target kubernetes from my developing machine, but I think it is not easy and friendly for developer who don’t have too much knowledge about container and network. Truly recommendation.

• Quick View:

Bridge to Kubernetes extensions in Visual Studio Code

Helm Intellisense

• CodeName: Tim-Koehler.helm-intellisense

• Description: This extension provides intellisense for helm templates.

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You have to use that. I use this extension to edit the helm-templates and I mostly like autocomplete feature for defined helm variables and yaml anchors and labels. You should try this if you use helm.

• Quick View:

Helm Intellisense extensions in Visual Studio Code

3. Dockerfile and kubernetes file — yaml and shell editing tool on VSC extension

YAML

• CodeName: redhat.vscode-yaml

• Description: YAML Language Support by Red Hat, with built-in Kubernetes syntax support

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You should use it. I use this extension to write down the yaml file, and I like the feature that detects whether the entire file is valid yaml. For dockerfile, Kubernetes, or some configuration file that use YAML format. It is good for devops engineer.

• Quick View:

YAML extensions in Visual Studio Code

shell-format

• CodeName: foxundermoon.shell-format

• Description: shellscript、Dockerfile、properties、gitignore、dotenv、hosts、jvmoptions… DocumentFormat

• Given Ranking: ⭐⭐⭐⭐⭐ 5 stars

• VSC Link: Link

• Comment: You should use it. I use this extension to format .env, shell, dockerfile, “.gitignore”, and “.dockerignore” files, and I very like it that support so many file types. Even, I don’t find better tool than this one in format function. It is good for me to resolve format problem. However, it could have different rule in shell (bash / sh file). Just try and think the trade off.

• Quick View:

shell-format extensions in Visual Studio Code

Summary

In this post, we recommend to view the three article Docker in Visual Studio Code, Use Docker Compose, and Use Bridge to Kubernetes (VS Code), then adding extension to create docker, docker-compose, and kubernetes development environment from 3 parts container technology extension category, and cutting the best extensions that you should try. Again, we recommend these extensions to speed your productivity up 30% and high efficiency on writing your code.

2 parts HTML and CSS extension category

1. Docker and docker-compose support on VSC extension

2. Kubernetes support on on VSC extension

3. Dockerfile and kubernetes file — yaml and shell editing tool on VSC extension

If you have any good idea or recommend VSC extension, please tell me!! Thank you.

Most of pictures are from each extension. They have the copyright.