VS Code - 描述弹出窗口的大小

Question

我正在为VS Code创建一个带有长描述的片段.我注意到VS Code中的描述弹出窗口有一个滚动条,但如果我可以放大窗口会更大吗？可能吗？

Answer 1

VSCode 1.51（2020 年 10 月）应添加（部分）该功能：

可调整大小的建议

在此里程碑中，我们对建议 UI 进行了多项改进。首先也是最重要的：它现在可以调整大小！拖动边或角来调整控件的大小。

^{主题：GitHub Light，字体：FiraCode}

建议列表的大小将在会话之间保存和恢复。
详细信息窗格的大小仅在每个会话中保存，因为大小往往变化较大。
此外，该editor.suggest.maxVisibleSuggestions设置已过时。

正如Jan M.在评论中指出的，这仅允许调整建议窗口的大小，而不允许调整弹出窗口的大小。
允许调整弹出窗口大小的功能尚未实现：
microsoft/vscode问题 14165：“功能请求：配置工具提示最大宽度”。

VSCode 1.80（2023 年 6 月）的该票证已完成，其中

• PR 178811：“添加类型 ResizingContentWidget - 将其用于内容悬停小部件”
• PR 185540：“在没有持久性机制的情况下添加可调整大小的内容悬停代码”

现已在VSCode Insiders中提供。

Answer 2

不,目前不可能.有时文本甚至包含在这样的弹出窗口中,这使得难以阅读.当然需要改进的东西.

这是一个例子:

Answer 3

现在，可以使用Custom CSS and JS Loader扩展名。

1.安装扩展

自定义CSS和JS Loader扩展

2.设置权限

• 苹果系统
  • VS代码： sudo chown -R $(whoami) /Applications/Visual Studio Code.app/Contents/MacOS/Electron
  • VS Code Insiders： sudo chown -R $(whoami) /Applications/Visual Studio Code - Insiders.app/Contents/MacOS/Electron
• Linux：sudo chown -R $(whoami) /usr/share/code

3.创建CSS覆盖文件

touch ~/.vscode-custom.css：

/* suggest-widget size */

.monaco-editor .suggest-widget.docs-side {
  width: 1000px;
}

.monaco-editor .suggest-widget.docs-side > .details {
  width: 60%;
  max-height: 800px !important;
}

.monaco-editor .suggest-widget.docs-side > .tree {
  width: 30%;
  float: left;
}

/* parameter-hints-widget */

.editor-widget.parameter-hints-widget.visible {
  max-height: 800px !important;
}

.monaco-editor .parameter-hints-widget > .wrapper {
  max-width: 1000px;
}

/* editor-hover */

.monaco-editor-hover .monaco-editor-hover-content {
  max-width: 1000px;
}

将CSS文件路径应用于 settings.json

{
  "vscode_custom_css.imports": ["file:///Users/yourusername/.vscode-custom.css"],
  "vscode_custom_css.policy": true
}

4.重新启动VSCode

• 重新启动VSCode
• 忽略“ VSCode损坏的错误_
  • 您可以选择永远抑制这些
• 运行命令“重新加载自定义CSS和JS”