首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我应该如何配置我的Visual Studio Code launch.json以使其显示变量和属性值?

要配置 Visual Studio Code 的 launch.json 文件以显示变量和属性值,您可以按照以下步骤进行操作:

  1. 打开 Visual Studio Code,并在左侧导航栏中选择调试按钮(或使用快捷键 Ctrl + Shift + D)。
  2. 在顶部工具栏中,点击齿轮图标(打开 "launch.json")。
  3. 如果您之前没有创建过 launch.json 文件,系统会提示您选择一种调试环境。根据您的需要选择一个环境,比如 Node.js 或 Chrome。
  4. 打开 launch.json 文件,并找到配置列表。
  5. 添加一个新的配置或修改现有的配置。以下是一个示例的 launch.json 文件内容:
代码语言:txt
复制
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/app.js",
      "preLaunchTask": "npm install",
      "outFiles": [
        "${workspaceFolder}/dist/**/*.js"
      ],
      "env": {
        "NODE_ENV": "development"
      },
      "internalConsoleOptions": "openOnSessionStart",
      "disableOptimisticBPs": true,
      "showAsyncStacks": true,
      "sourceMaps": true
    }
  ]
}

在这个示例中,我们配置了一个名为 "Debug" 的调试任务。其中包含了一些常用的属性:

  • "name": 调试任务的名称。
  • "type": 调试环境的类型,比如 "node" 或 "chrome"。
  • "request": 调试任务的请求类型,一般为 "launch"。
  • "program": 指定程序的入口文件路径。
  • "preLaunchTask": 可选,指定在启动调试之前需要执行的任务,比如安装依赖。
  • "outFiles": 指定输出文件的路径。
  • "env": 可选,设置环境变量。
  • "internalConsoleOptions": 可选,设置内部控制台的行为选项。
  • "disableOptimisticBPs": 可选,禁用乐观断点。
  • "showAsyncStacks": 可选,显示异步堆栈信息。
  • "sourceMaps": 可选,启用源代码映射。

根据您的实际需求,您可以根据这个示例自定义配置。请注意,不同的调试环境和语言可能有不同的配置选项,您可以查阅相关文档以获取更详细的信息。

希望这个回答对您有帮助!如果您需要了解更多关于 Visual Studio Code 或其他云计算相关的信息,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Visual Studio Code调试发布ASP.NET Core Web应用

前言   上一篇文章主要讲了Visual Studio Code安装C#开发工具包并编写ASP.NET Core Web应用有兴趣同学可以去看看,今天咱们主要是要讲讲如何在VS Code中调试发布...Visual Studio Code安装C#开发工具包并编写ASP.NET Core Web应用 配置launch.json文件 launch.json 文件是 Visual Studio Code...找到运行调试选择=>创建launch.json文件=>configurations中添加项目调试配置 launch.json配置如下 { // 使用 IntelliSense 了解相关属性。...,在 Visual Studio Code 中将显示此名称。...Shift + F5:停止调试会话 Ctrl + Shift + F5:重新启动调试会话 Ctrl + K Ctrl + I:显示鼠标下变量(悬停查看) Ctrl + Shift + Y:打开/

31720

使用Visual Studio Codedelve进行golang远程调试

远程调试对于开发分布式应用或在不同环境中测试代码是非常有用。本文将介绍如何使用Visual Studio CodeDelve进行Golang远程调试。 1....配置Visual Studio Code 在本地开发机器上,我们需要在Visual Studio Code配置远程调试。...开始远程调试 在Visual Studio Code中,打开刚才编辑launch.json文件,选择“Connect to server”,然后按下F5开始调试。...我们可以在本地Visual Studio Code中设置断点、查看变量、单步执行等,就像在本地调试一样,但实际代码执行是在远程服务器上。 6....变量n 变量i 服务器命令显示内容 总结 使用Visual Studio CodeDelve进行Golang远程调试非常方便快捷。

2.3K20
  • Visual Studio Code (VS Code) – C++ 入门

    在本教程中,您将为使用 UCRT64 中 GCC C++ 编译器(g++) GDB 调试器配置 Visual Studio Code 来创建在 Windows 上运行程序。...先决条件 若要成功完成本教程,必须执行以下步骤: 安装 Visual Studio Code(运行刚下载安装程序,选择 同意此协议 后一直选择 下一步 ,在 选择附加任务 页面选择所有选项,最后选择...图片 图片 提示:安装程序会将 Visual Studio Code 添加到您 PATH,因此您可以从终端键入 code . 在该文件夹上打开 VS Code。...安装后,您需要重新启动终端才能使对环境变量更改生效。 安装扩展:Chinese (Simplified) Language Pack for Visual Studio Code C/C++。...图片 图片 在学习本教程时,你将看到在工作区中被 VS Code 创建文件夹 .vscode 其中两个文件: tasks.json (编译配置launch.json (调试器配置) 添加源代码文件

    11.4K132

    用于调试分析 5 大 Node.js 工具

    代码调试器Visual Studio Code 调试器 是一个功能丰富且用户友好调试器,与流行代码编辑器 Visual Studio Code 集成。...代价:Visual Studio Code 调试器可以免费使用,因为它是 Visual Studio Code 编辑器一部分,而 Visual Studio Code 编辑器是一款开源跨平台软件。...要设置并使用 Visual Studio Code 调试器来调试分析 Node.js 应用程序,你可以按照以下步骤操作:步骤01打开 Visual Studio Code 并创建一个新项目或打开现有项目...如果尚未配置运行调试(尚未创建 launch.json),Visual Studio Code显示“运行”启动视图。...有关详细信息,请参阅在 Visual Studio Code 中调试。步骤05Visual Studio Code 调试器在调试后在 .vscode 文件夹中创建 CPU 配置文件。

    38810

    【实验手册】使用Visual Studio Code 开发.NET Core应用程序

    .NET Core with Visual Studio Code 目录 概述... 2 先决条件... 2 练习1: 安装配置.NET Core以及Visual Studio Code 扩展......本实验将介绍如何开发.NET Core跨平台应用程序,以及如何在 Linux、OS X Windows 上 Visual Studio Code (code.visualstudio.com) 中编写代码...你需要下载安装Visual Studio CodeC#扩展,你可以按照练习1任务2来完成 练习1: 安装配置.NET Core以及Visual Studio Code 扩展 在本练习中,您将了解安装配置...Visual Studio Code .NET Core扩展出于演示目的所需安装配置要点 任务1:安装Visual Studio Code.NET Core 1....这意味着,当你学会如何使用工具,你可以从任何支持平台上同样方式使用它。

    3.3K90

    【实验手册】使用Visual Studio Code 开发.NET Core应用程序

    本实验将介绍如何开发.NET Core跨平台应用程序,以及如何在 Linux、OS X Windows 上 Visual Studio Code (code.visualstudio.com) 中编写代码...你需要下载安装Visual Studio CodeC#扩展,你可以按照练习1任务2来完成 练习1: 安装配置.NET Core以及Visual Studio Code 扩展 在本练习中,您将了解安装配置...Visual Studio Code .NET Core扩展出于演示目的所需安装配置要点 任务1:安装Visual Studio Code.NET Core 1....这意味着,当你学会如何使用工具,你可以从任何支持平台上同样方式使用它。...launch.json中有很多属性可以设置, 通过智能提示查看有那些属性可以设置, 如果要查看属性具体含义, 可以把鼠标悬停在属性上面, 会属性使用说明.

    5.1K102

    STM32高级开发——使用VS Code搭建STM32开发环境

    尝试过各种各样开发环境,而在最近一段时间开发中使用了Visual Studio Code来作为代码编辑器,其优异工程管理,超快启动速度,各种各样功能强大插件,使立刻爱上了这个文本编辑器...ps:启动真心快,在win下优化程度堪比记事本. 1 ---- 安装软件 下载安装 Visual Studio Code 过程按照正常方式安装就可,记得在安装快完成后选项中勾选,添加右键打开文件和文件夹选项...语法识别等功能 设置 VS Code 功能 点击 文件 -> 首选项 -> 设置,来打开 VS Code 配置文件( VS Code 采用 json 格式文件进行配置,没有图形界面),在文件中加入如下配置....vscode 目录下文件共有3个配置文件,实际上我们只需要配置launch.json文件就可以实现全部调试功能,但是由于vscode不会自动识别makefile中配置参数,所以如果想要使其代码索引...Include 路径,宏定义及搜索浏览路径,其中需要设定三个参数: launch.json 用于设定调试功能 这个文件参数很多,我们对于简单使用,只需要将其中路径改为自己工程路径名称即可,有关于其具体意义使用方式说明可以查看

    1.4K60

    如何使用 VS Code开发.NET Core应用程序

    在这篇文章中,我们将学习有关使用 Visual Studio Code开发,调试,测试部署ASP.NET Core应用程序信息,它将包括: •安装必须插件•创建一个.NET Core 应用程序•如何运行项目...•如何设置断点调试•运行单元测试用例•优势和局限性•命令,快捷键扩展 先决条件 你需要在你电脑上安装以下软件sdk •.NET Core SDK•Node.js•Visual Studio Code...文件,launch.json文件具有运行调试源代码配置,如果没有该文件,则无法在VS Code中进行调试 这里我们创建json文件,然后手动修改启动dll位置,修改 "program": "${workspaceFolder...如何设置断点调试源 VS Code断点与Visual Studio断点相同,我们可以在代码左侧来设置断点。...局限性 •VS Code仅支持ASP.NET Core•Visual Studio是一个现成工具,用于开发部署ASP.NET Core项目,使用VS Code时,必须花费大量时间来安装配置扩展。

    2.4K20

    弃用VS转向VS Code

    由于Visual Studio安装即用,门槛低,便于调试,且最开始入门一直使用VS,所以在windows平台一直使用Visual Studio进行开发,但是Visual Studio体积过于庞大,而且...如此,在windows平台既可以使用MinGW,也可以使用Visual Studio编译器调试器,本文将分别讲解这两种配置方式。...如下图: 虽然如上调试可以满足单文件调试需求,但是VS Code支持配置launch.json进行自定义运行调试。...小编配置launch.json文件如下: { // 使用 IntelliSense 了解相关属性。 // 悬停查看现有属性描述。...总结 本文主要介绍了VSCode在Windows平台下C/C++环境搭建,包括单文件、多文件多文件夹项目,以及如何配置task.jsonlaunch.json文件,实现C/C++运行调试。

    18010

    让你 VSCode 具备调试 C# 语言 .NET Core 程序能力

    安装 .NET Core Sdk、Visual Studio Code C# for Visual Studio Code 点击这里下载正式或者预览版 .NET Core 然后安装 点击这里下载...Visual Studio Code 然后安装 在 Visual Studio Code 里安装 C# for Visual Studio Code 插件(步骤如下图所示) 搜索时候,推荐使用 OmniSharp...配置编译调试环境 正常情况下,当你用 Visual Studio Code 打开一个包含 .NET Core 项目的文件夹时,C# 插件会在右下角弹出通知提示,问你要不要为这个项目创建编译调试文件,...tasks.json 是编译文件,指导如何进行编译;launch.json 是调试文件,指导如何进行调试。...请参见博客: 手工编辑 tasks.json launch.json,让你 VSCode 具备调试 .NET Core 程序能力 还补充一句,本文说编译文件调试文件是不对,因为在 Visual

    1.2K20

    VSCode Python开发环境配置

    \Scripts 安装git,官网下载安装,默认安装路径"C:\Program Files\Git" 安装VSCode,官网下载安装 VSCode初步 查看Visual Studio Code Tips...安装Chinese(Simplified)中文简体语言包,参看官方文档Display Language设置显示语言 安装Python扩展,如果前面安装anaconda路径已经加入到path环境变量中...in Visual Studio Code即可,都很直观 安装Settings Sync,用于同步配置,将配置保存到github gist,参看扩展说明一步步操作即可,快捷键Shift + Alt +...高级调试配置launch.json文件,在调试时,通常需要指定命令行参数或者临时环境变量等,这些都可以在launch.json文件中设置,具体怎么做呢?...也可指定要launch文件,直接修改上面"program",将${file}替换为要调试文件。

    3.6K20

    vscode golang详细配置(持续更新)_vscode docker

    一、下载并安装vscode Visual Studio CodeCode Editing....goreturns.exe 类似fmtimport工具,使用零填充Go返回语句匹配func返回类型 go-symbols.exe 从go源码树中提取JSON形式包符号工具 gotour.exe...,调用堆栈显示还是非常清晰,可以F10单步,F11进入函数,跟一般Visual Studio 一样了。...也试用过liteIDE, x35是当前最新版,liteIDE非常轻量,是中国人开发,用起来还是很好用,但是目前在调试方面个人感觉还有一些不太让人满意地方,变量显示比较难,遇到go func()...另一种解决方法是修改launch.json, 把program那个变量改一下,改成 “program”: “${workspaceFolder}”, 意思是调试时候,当前打开文件夹根目录作为工程目录进行调试

    5.1K40

    如何提升vscode扩展速度

    如果使用命令“开发人员:显示正在运行扩展”,您将在VS Code实例中看到已激活扩展列表。您还将在右侧看到每个扩展激活所需时间(毫秒为单位)。 这是找出哪些启动速度可能较慢好方法。...launch.json 该方法使既可以使用webpack tsc进行编译,也可以进行测试调试。...Studio Code扩展,可以巧妙地更改工作区工作区颜色。...当您有多个VS Code实例并且想要快速识别出哪个实例时,这是理想选择。 vscode-peacock 在Visual Studio Code中打开“ 扩展”侧边栏面板。...这是一个很大问题,我们绝对应该问一个问题。毕竟,意思是要进行任何代码更改都必须具有一定价值。

    3.5K10

    使用VSCode进行Go项目的调试以及Call Stack中Disassembly View解析

    本文将向你展示如何使用Visual Studio Code(VSCode)进行Go项目的调试,并深入理解Call Stack中Disassembly View。...Go项目的VSCode调试 要开始使用VSCode进行Go项目的调试,你需要确保你环境中已经安装了以下软件扩展: Go语言 Visual Studio Code Go扩展(由Google提供) 如果你已经准备好了这些...配置launch.json 首先,我们需要在VSCode中创建一个新调试配置。打开我们Go项目,然后点击左侧工具栏中Run(运行)视图。...点击右上角创建调试配置(Add configration)按钮。 选择Go语言作为我们环境,VSCode将会自动生成一个launch.json文件。...这个文件中,预设配置应该已经可以满足大多数需求。

    2K20

    当然是用官方MS TerminalVS Code

    Visual Studio Code 配置文件 值得一提是,Visual Studio Code 可通过用户工作区设置(User and Workspace Settings)实现高度配置。...启动新 Python 程序 让我们一个新 Python 程序来探索 Visual Studio Code Python 开发。...为了说明 Visual Studio Code 项目为中心特征,我们现在开始在 Python 中重新创建调度场算法作为方程式评估库。...以下是创建方程式 eval 库项目: ? 当 Visual Studio Code 打开文件夹时,它还会再次打开上次打开文件(这是可配置)。你可以打开、编辑、运行调试列出任何文件。...Visual Studio Code 将在当前名为.vscode/launch.json 文件夹下创建一个调试配置文件,它允许用户设置特定 Python 配置以及调试 Django Flask

    4.7K20

    在 Windows上写 Python 代码最佳组合!

    Visual Studio Code 配置文件 值得一提是,Visual Studio Code 可通过用户工作区设置(User and Workspace Settings)实现高度配置。...启动新 Python 程序 让我们一个新 Python 程序来探索 Visual Studio Code Python 开发。...无论你如何操作,你都应该看到一个类似于以下内容 VS Code 窗口: 打开新文件后,你即可以输入代码。...为了说明 Visual Studio Code 项目为中心特征,我们现在开始在 Python 中重新创建调度场算法作为方程式评估库。....vscode/launch.json 文件夹下创建一个调试配置文件,它允许用户设置特定 Python 配置以及调试 Django Flask 等特定应用程序设置。

    5.1K20

    Win 平台做 Python 开发最佳组合

    Visual Studio Code 配置文件 值得一提是,Visual Studio Code 可通过用户工作区设置(User and Workspace Settings)实现高度配置。...启动新 Python 程序 让我们一个新 Python 程序来探索 Visual Studio Code Python 开发。...为了说明 Visual Studio Code 项目为中心特征,我们现在开始在 Python 中重新创建调度场算法作为方程式评估库。...以下是创建方程式 eval 库项目: ? 当 Visual Studio Code 打开文件夹时,它还会再次打开上次打开文件(这是可配置)。你可以打开、编辑、运行调试列出任何文件。...Visual Studio Code 将在当前名为.vscode/launch.json 文件夹下创建一个调试配置文件,它允许用户设置特定 Python 配置以及调试 Django Flask

    4.3K50
    领券