在容器中运行 JavaScript 应用可以让你为 Web 应用用户部署一致的体验。 由于 Docker 提供了陡峭的学习曲线,因此 Visual Studio Code 提供了一个扩展来简化常见的 Docker 任务。
本文包含有关使用 Docker 扩展管理容器的信息。 或者,可以使用 Visual Studio Code 从
DevContainers
管理容器。
必须安装和运行
Docker
。 使用以下命令对此进行验证:
docker system info
如果未安装并运行 Docker,此命令将返回错误。 如果 Docker 正在运行,它将返回版本和配置信息。
Client:
Context: default
Debug Mode: false
Plugins:
buildx: Build with BuildKit (Docker Inc., v0.6.3)
compose: Docker Compose (Docker Inc., v2.1.1)
scan: Docker Scan (Docker Inc., 0.9.0)
... removed for brevity
在 Visual Studio 中打开现有 JavaScript 项目。
在活动栏中,选择“扩展”图标,然后搜索docker
,然后选择 Dockerextension。
安装 Docker 扩展,然后重载 Visual Studio Code。
Visual Studio Code 的 Docker 扩展包含一条命令,用于生成 Dockerfile 以及现有项目的 docker-compose.yml 文件。
选择活动栏中的 Docker 图标,然后在侧边栏中查看 Docker 容器。
如果 package.json 具有名称属性,则将其用作容器的映像名称。
如果没有 package. json,请指定格式为 ALIAS/IMAGE-NAME
的标记,其中 ALIAS 是 Docker 别名,而 IMAGE-NAME 是项目的映像名称。 示例标记为 diberry/express-web-app
。
选择“Enter”启动集成终端窗口,其中显示正在生成的 Docker 映像的输出。
命令已自动执行运行 docker build
的进程。
在活动栏中选择“Docker”图标,然后选择“映像”,以查看映像列表中的新映像。
你可能还会注意到列表中的其他新映像。 Docker 会拉取容器所基于的映像。
运行本地容器项目
在活动栏中选择“Docker”图标。
从“映像”列表中右键单击映像名称,然后选择“运行” 。
将本地容器映像推送到 DockerHub
映像需要在注册表中可用才能从该映像创建 Azure Web 应用。 可在社区注册表或使用身份验证(如 Azure 容器注册表)访问的专用注册表中公开提供映像。
若要推送映像,请确保已在 CLI 中运行 docker login
并输入帐户凭据完成了 DockerHub 的身份验证。
在 Visual Studio Code 中,使用 F1 调出命令面板。
输入 dockerpush
,然后选择 Docker: Push
命令。
选择刚才生成的映像标记(例如 diberry/express-web-app
),然后按“Enter”。
该命令会自动调用 docker push
并在集成式终端中显示输出。
将本地容器映像推送到 Azure 容器注册表
阅读执行身份验证并推送到自己的 Azure 容器注册表的步骤。
创建 Azure 容器注册表资源
了解如何使用 DevContainers