VSCode如何在行内显示变量值

背景

在调试时,我们希望能够直接在代码行显示变量的值,而不是总是去侧边栏查看,如下这种,y=12直接显示在代码行。那么VSCode中如何做呢
image.png

设置

VSCode提供了“inline values”设置,但为了速度,默认并没有开启,我们只需修改配置即可开启这个功能。
image.png

效果

image.png

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
### 回答1: 要在 Visual Studio Code 的 outline 中显示 todo,您需要安装一个插件。您可以在 Visual Studio Code 的扩展商店中搜索 "Todo Tree",然后安装它。安装完成后,打开 outline,您应该能看到 todo 列表。您可以在文件中添加 todo 项,方法是在行首添加 "//todo" 注释。例如: ``` //todo Fix this bug ``` 您还可以使用 "Todo Tree: Show All Todos" 命令来快速显示所有 todo 项的列表。可以通过在命令面板中输入 "Todo Tree: Show All Todos" 来调用该命令,或者按 "Ctrl + Shift + T" 组合键来调用。 ### 回答2: 要在VSCode的大纲视图中显示TODO,请按照以下步骤进行设置: 1. 在VSCode的菜单栏中,选择“文件”(File)-“首选项”(Preferences)-“设置”(Settings)。 2. 在设置页面中,搜索栏中输入“todo”,找到“TODO:根据:公共文件 */ 搜索”(TODO: Token Modifier: public file */)选项。 3. 在该选项中,选择“启用”(Enabled)。 4. 在VSCode的侧边栏中,点击“资源管理器”(Explorer)图标。 5. 在资源管理器中,展开你的项目文件夹。 6. 在你的项目文件夹中,可以看到一个名为“.vscode”的隐藏文件夹,双击打开它。 7. 在“.vscode”文件夹中,创建一个名为“settings.json”的新文件(如果该文件已存在,则跳过此步骤)。 8. 在“settings.json”文件中,添加以下代码: ``` { "editor.tokenColorCustomizations": { "comments": "#ff0000" } } ``` 这样,你的TODO注释将以红色显示。 9. 重新打开VSCode,打开你的项目文件夹,并切换到大纲视图(Outline)。 10. 现在,你应该能够在大纲视图中看到在代码中添加的TODO注释。 这样,你就成功配置了VSCode,可以在大纲视图中显示TODO。请记住,你需要在代码中使用TODO注释,并确保代码文件是公共文件,这样才能在大纲视图中正确显示。 ### 回答3: 在VSCode中,我们可以使用一些插件来在Outline(大纲)视图中显示TODO任务。下面是一种常见的方法: 1. 首先,打开VSCode并进入Extensions(插件)视图。通过点击左侧的“四方块”图标或使用快捷键`Ctrl+Shift+X`打开该视图。 2. 在Extensions视图的搜索框中输入“Todo Highlight”或者“TODO Highlight”。这是一个常用的插件,用于在代码中突出显示TODO注释。 3. 选择并安装该插件,在安装成功后,你将在Extensions视图的已安装插件列表中找到它。 4. 在你的项目中的代码文件中,使用`// TODO:` 来标记待完成的任务。例如,你可以在JavaScript代码中这样写:`// TODO: 编写示例函数`。 5. 在完成todo注释之后,保存文件并切换到大纲视图。在左侧活动栏中,点击上方的“展开”按钮以显示文件大纲。 6. 如果一切配置正确,你将会在大纲视图中看到已标记为“TODO”的任务列表。点击任务可以跳转到代码中的相应位置。 这样,你就可以在VSCode中使用插件来在Outline视图中显示TODO任务。这对于跟踪和组织代码中的待完成任务非常有用,可以帮助你更好地管理项目。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodingInCV

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值