将 Docker 与 Visual Studio Code (VS Code) 集成可显著提升开发体验，使开发人员能够高效地创建和管理 Docker 文件，直观地查看容器和镜像，并轻松访问日志或终端。本文提供了有关如何通过 Docker 扩展在 VS Code 中设置 Docker 的全面指南。
如何在 VS Code 中安装 Docker 扩展
在安装 Docker 扩展之前，请确保您的计算机上已正确配置 Docker 和 Visual Studio Code。首先，在 VS Code 中打开“扩展”视图，搜索“Docker”，然后安装 Microsoft 提供的官方 Docker 扩展。
安装成功后，您会注意到编辑器左下角出现一个Docker/Containers图标，表示Docker Explorer现在可用。
在 Docker Desktop 和 VS Code 之间建立连接
Docker Desktop 运行时，Docker 扩展与 VS Code 无缝连接。通常情况下，除非您的 Docker 设置涉及特殊配置（例如，远程主机或 WSL 集成），否则无需进行其他配置。
要验证连接，请点击Docker/Containers图标启动 Docker Explorer。在那里，您可以观察正在运行和已停止的容器，以及镜像、注册表、卷和网络。
直接从 VS Code 管理容器、镜像和卷
Docker 已完全集成到 VS Code，管理容器任务变得前所未有的轻松。您可以在“容器”部分轻松查看正在运行和已停止的容器。
此外，右键单击任何容器都会为您提供启动、停止、重新启动或删除该容器的选项。
您还可以轻松拉取新镜像、从现有设置构建镜像或清理未使用的镜像。例如，要删除不再需要的镜像，只需右键单击该镜像并选择移除 即可。
此外，管理链接到容器的卷非常简单 – 右键单击所需的卷即可检查或修改它。
您还可以探索和管理网络、注册表、Docker 上下文，并访问帮助和反馈部分，进一步优化您的开发工作流程。
在 VS Code 中创建并运行容器化应用程序
作为一个实际操作示例，让我们构建一个简单的 Node.js Express 应用程序来演示 Docker 扩展的功能。首先在 VS Code 中为你的项目创建一个新文件夹。在此文件夹中，创建一个名为 的文件index.js并输入以下代码：
const express = require("express"); const server = express(()); const PORT = 4000; server.get("/", (req, res) => { res.send("Welcome to our Express app!");}); server.listen(PORT, (() => { console.log(`App running on port ${PORT}`);});
这段简单的代码片段创建了一个小型 Express 应用，监听 4000 端口，当访问根 URL (/) 时，会返回“欢迎使用我们的 Express 应用！”。它为测试 Dockerfile 奠定了基础。
接下来，您需要一个 Dockerfile。Docker 扩展可以简化此过程，而无需手动创建 Dockerfile 并指定其指令。⇧⌘P在 Mac 上按 或Windows 上按Ctrl+ Shift+打开命令面板P，然后输入命令Add Docker files to Workspace。
从提供的选项中选择 Node.js 作为您的应用程序平台。
指向项目根目录中的“package.json”文件。此文件是应用程序的主要配置文件，它将指导 Docker 扩展生成与 Docker 相关的必要文件。
接下来，指出您的应用程序将使用的端口号，以便 Docker 可以适当地公开它。
当提示包含 Docker Compose 文件时，选择“是” 。
Docker 扩展现在将根据您的选择生成一个 Dockerfile、一个“.dockerignore”文件和一个“compose.yaml”文件。
要继续创建 Docker 镜像，请右键单击 Dockerfile 并选择Build Image，或者从命令面板运行Docker Images: Build Image 。
构建过程完成后，导航到Docker Explorer 中的Images部分以查看新创建的项目：
现在，要运行图像，请打开命令面板并执行container images: run，或者只需右键单击图像并选择运行。
从显示的列表中选择最新的图像。
最后，您可以通过检查Docker Explorer 中的容器部分来验证您的应用程序是否正在运行。
要访问您的应用程序，请右键单击 Docker Explorer 中正在运行的容器，然后选择在浏览器中打开。
因此，您将能够看到容器的运行，并且您的应用程序可以通过之前指定的端口访问。
结论
Docker 与 Visual Studio Code 的集成简化了开发流程，使开发人员能够直接从其编码环境高效地构建、执行和控制容器。完成设置后，您只需单击一下即可无缝创建 Docker 文件、浏览容器和镜像，以及查看日志或终端输出。这种集成不仅简化了应用程序的运行和测试，还能保持有序高效的工作流程。
发表回复