VS Code：折叠代码用 [+] [-] 符号代替默认的 [>] [∨]

Posted 2023-02-22

【中文标题】VS Code：折叠代码用 [+] [-] 符号代替默认的 [>] [∨]

【英文标题】：VS Code: Folding code with [+] [-] sign instead of the default [>] [∨]

【发布时间】：2020-01-24 03:57:13

【问题描述】：

总结：我想要两件事：

(1)

我希望 VS Code 中的折叠符号为

[+][-]

（类似于 Visual Studio）而不是默认值

[>][v]

一个

(2)

我希望我的

扩展程序

部分可以有

下载和评级

预览

故事：我在 *** 上的 an answer 和 (2)上随机看到了这些功能 (1) > 在the site Extension Gallery of VSCode。我没有足够的声誉在the *** answer 下方发表评论，问他如何获得那些 (1) [+][-] 符号特征。我试图将a question 放在软件推荐堆栈交换上，但没有得到答案。

The question I put on Softwarerecs site 有更详细的图片，所以你们可以访问它来查看图片和更详细的问题。

第一次问，先谢谢了。

编辑：(1)： 似乎 [+][-] 图标已替换为 [>][ v] 最近。不知道有没有办法找回来？我认为this discussion 对这个问题会有一点帮助。

(2) 已解决： 因为我将侧边栏窗口的大小调整得太小，所以 下载和评分 部分没有显示。当我扩大侧边栏时，下载和评分再次出现。

【问题讨论】：

***.com/q/43476212 也许这会有所帮助

嗯，请问您使用的是什么版本的 Visual Studio 代码？

@Saharsh 您发布的那个问题说只有当您将鼠标悬停在排水沟上时才会显示它们。我的情况是它根本不显示 [+] 和 [-] 图标。我想要的是显示 [+][-]，而不是“在不悬停时显示折叠图标”（因为即使悬停它们（[+][-]）也不会出现）

@Francisaskquestion 我输入code -v，得到的是：1.38.1 b37e54c98e1a74ba89e03073e5a3761284e3ffb0 x64。这是否意味着我的版本是 1.38.1？

@HuỳnhLợiNguyễn 我个人不使用 VS 代码，但 (github.com/Microsoft/vscode/issues/2948#issuecomment-183540068) 这个 github 问题将我带到了那里。虽然这个问题是您的需求被引入的地方，但并未真正投入使用。

【参考方案1】：

您可以借助此扩展添加自定义折叠控件图标：Minimalist Product Icon Theme

它覆盖了 VS Code 附带的产品图标、活动栏图标、状态栏、代码折叠/展开

【参考方案2】：

在第一个问题中，我可以确认在最新版本的 VSCode 中不再使用 [+] 和 [-]。而我搜索的basic editing of folding，不包括更改图标。此外，您提到的线程是从 2016 年开始的，并且对 VSCode UI 进行了许多更改。所以我认为不可能简单地制作折叠图标[+]和[-]。

如果您想了解更多关于 VSCode 更新日志的信息，请关注link。

【讨论】：

哦，我不敢相信它曾经是 [+][-] 并且最近被替换为困惑的 [>][v] :(( 有better proposed design，为什么他们只是选择了[>][v]

您可以更改使用的 svg 图标，但您需要在每次 VSC 更新时覆盖它们。你可以在 github 上找到之前的 +/- 图标。

@rioV8 关于你提到的 svg 图标。你能告诉我你在哪里找到的吗？我在为代码定位折叠和展开的 svg 时遇到问题

【参考方案3】：

您将能够通过 vscode v1.45 中的主题更改代码折叠图标。从 https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_45.md#product-icon-themes

产品图标主题

Visual Studio Code 包含一组内置图标，用于 视图和编辑器，但也可用于悬停、状态栏、 并通过扩展。这些图标是产品图标，而不是 文件图标，用于整个 UI 中的文件名旁边。

VS Code 附带的产品图标包含在 Codicon icon font 中，并形成 默认产品图标主题。扩展可以提供新的产品图标主题来重新定义这些图标并赋予 VS Code 新的外观。

见Product Icon Themes 有关更多详细信息的文档，并且有一个Product Color Theme Sample

我非常确定很快有人会制作一个包含您喜欢的折叠图标的主题。应该改变的那些：

.codicon-fold-down:before  content: "\eaf3" 
.codicon-fold-up:before  content: "\eaf4" 
.codicon-fold:before  content: "\eaf5" 
.codicon-folder-active:before  content: "\eaf6" 
.codicon-folder-opened:before  content: "\eaf7" 

可能使用这些：

content:"\ea5e";  // plus

content:"\ea33";  // minus

或类似的。