vscode调试container中的程序的方法步骤

yizhihongxing

下面是详细的 VS Code 调试 Container 中的程序的方法步骤:

步骤一:准备工作

  1. 安装 Docker 和 VS Code;
  2. 安装 VS Code 的 Docker 插件 Docker Extension;
  3. 创建需要调试代码的 Docker 容器,可以使用 Dockerfile 或者 docker-compose。

步骤二:创建 launch.json 配置文件

  1. 打开 VS Code,按 F5 进入调试面板;
  2. 点击“Create a launch.json file”按钮;
  3. 选择“Docker”作为调试环境;
  4. 生成的 launch.json 文件中需要修改的地方如下:
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Docker: Attach to Node",
      "type": "node",
      "request": "attach",
      "remoteRoot": "/app",
      "localRoot": "${workspaceFolder}",
      "port": 9229,
      "protocol": "inspector",
      "restart": true,
      "address": "localhost"
    }
  ]
}

其中,需要修改的参数值如下:

  • "name":配置名称;
  • "port":监听端口号;
  • "localRoot":本地目录路径;
  • "remoteRoot":容器中的代码路径。

步骤三:启动容器

运行以下命令启动容器并进入容器:

docker run -it -p 9229:9229 -v /path/to/code:/app ${IMAGE_NAME} /bin/bash

其中,需要修改的参数值如下:

  • 9229:启动时监听的端口号;
  • /path/to/code:本地代码所在目录路径;
  • ${IMAGE_NAME}:启动容器使用的镜像。

步骤四:配置 VS Code 调试

  1. 打开 VS Code 的调试面板;
  2. 点击“Docker Attach”启动调试;
  3. 在弹出的选择列表中,选择与容器中相应的配置。

示例一:Node.js 应用程序

在 Dockerfile 文件中添加以下行:

FROM node:15.10-slim
WORKDIR /app
COPY package.json /app
RUN npm install
COPY . /app
CMD ["npm", "start"]

启动容器,进入容器中的 /app 目录并运行以下命令启动 Node.js 应用程序:

docker run -it -p 9229:9229 -v /path/to/code:/app ${IMAGE_NAME} /bin/bash
cd /app
npm start

示例完成后,进入 VS Code,按 F5 进入调试面板,选择已经配置好的 Node.js 容器调试配置即可。

示例二:Python 应用程序

在 Dockerfile 文件中添加以下行:

FROM python:3.7-slim-stretch
WORKDIR /app
COPY . /app
ENTRYPOINT ["python", "app.py"]

启动容器,进入容器中的 /app 目录并运行以下命令启动 Python 应用程序:

docker run -it -p 5678:5678 -v /path/to/code:/app ${IMAGE_NAME} /bin/bash
cd /app
python app.py

示例完成后,进入 VS Code,按 F5 进入调试面板,选择已经配置好的 Python 容器调试配置即可。

以上就是详细的 VS Code 调试 Container 中的程序的方法步骤,希望对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:vscode调试container中的程序的方法步骤 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • JavaScript头像上传插件源码分享

    下面是详细讲解“JavaScript头像上传插件源码分享”的完整攻略。 1. 插件介绍 这个插件是一款基于JavaScript的头像上传插件,可以让用户通过网页上传头像,并裁剪成合适的尺寸。该插件具有以下特点: 支持图片预览功能,可以实时查看用户上传的图片和裁剪后的效果; 支持上传前图片压缩,以减小文件大小,加快上传速度; 支持裁剪框比例调整,可以根据实际情…

    JavaScript 2023年6月10日
    00
  • Javascript Date setMonth() 方法

    以下是关于JavaScript Date对象的setMonth()方法的完整攻略,包括两个示例说明。 JavaScript Date对象的setMonth()方法 JavaScript Date对象的setMonth()方法设置日期对象的月份部分。该方法接受一个整数,表示要设置的月份。月份从0开始,即0表示一月,11表示十二月。如果该参数超出了JavaScr…

    JavaScript 2023年5月11日
    00
  • Vue Element前端应用开发之开发环境的准备工作

    下面是“Vue Element前端应用开发之开发环境的准备工作”的完整攻略。 准备工作 在开始Vue Element前端应用开发之前,我们需要做一些准备工作。这些准备工作包括: 安装Node.js和npm 安装Vue CLI 创建项目 下面我们来详细介绍这些准备工作。 安装Node.js和npm Node.js是一个JavaScript的运行环境,它能帮我们…

    JavaScript 2023年6月10日
    00
  • 利用d3.js制作连线动画图与编辑器的方法实例

    利用d3.js制作连线动画图步骤如下: 第一步:安装d3.js库文件 要使用d3.js库进行开发,需要将d3.js的库文件下载到本地,然后在HTML文档中引入该文件。 <script src="https://d3js.org/d3.v5.min.js"></script> 第二步:创建SVG容器 使用d3.js创…

    JavaScript 2023年6月10日
    00
  • 经典Javascript正则表达式[优质排版]

    经典Javascript正则表达式 [优质排版] 正则表达式是Javascript中常用的字符串处理工具,学习好正则表达式能够提高我们处理字符串的效率,本文将带你深入学习Javascript中的正则表达式,同时介绍一些优质的排版技巧。 正则表达式字面量 正则表达式字面量是创建正则表达式的一种简写方式,字面量由两个斜杆之间的文本组成,例如: const reg…

    JavaScript 2023年6月10日
    00
  • JavaScript事件循环及宏任务微任务原理解析

    JavaScript事件循环及宏任务微任务原理解析 在学习 JavaScript 过程中,事件循环机制是必须要掌握的知识点之一。本文将详细介绍 JavaScript 事件循环机制的原理,以及宏任务和微任务的概念及异同点,其中包含两个示例说明。 事件循环机制的原理 JavaScript 是单线程执行的,意味着同一时间只能执行一段代码。然而在 Web 世界中,我…

    JavaScript 2023年6月11日
    00
  • JS扩展String.prototype.format字符串拼接的功能

    JS中,我们可以使用String.prototype.format方法实现字符串拼接的功能,该方法会把预定义的占位符替换成提供的相应参数,生成新的字符串。具体步骤如下: 定义一个模板字符串,里面可以包含预定义的占位符(如{0}、{1}、{2}等)。 使用format方法,把替换参数作为函数的参数传入方法里面,例如:模板字符串.format(参数1, 参数2,…

    JavaScript 2023年5月28日
    00
  • JS使用window.requestAnimationFrame()对列表切片进行渲染

    当需要对一个大型列表进行渲染时,最好使用requestAnimationFrame()代替setTimeout()或setInterval(),因为requestAnimationFrame()会在每一帧结束后更新状态,这比定时器更精确地匹配帧率并避免过多的重绘。 以下是使用window.requestAnimationFrame()对列表切片进行渲染的攻略…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部