blocks|key|5265730|text|@andr它只适用于垂直的全套|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5265731|,"editor.scrollbar.verticalScrollbarSize":+10
,"editor.scrollbar.horizontal":+"visible"
,"editor.scrollbar.horizontalScrollbarSize":+15|code-block|syntax|javascript|5265732|，和使用特别有意义的extension的workaround，用于选项卡组滚动条|offset|length|style|BOLD|5265733|(要在custom.css中插入)：|5265734|/*tab+group+scrollbar;*/
.monaco-workbench>.part.editor>.content+.editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element+.scrollbar,
.monaco-workbench>.part.editor>.content+.editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element+.scrollbar+.slider+{
++++height:+20px+!important;
}

/*scrollbars;
.monaco-workbench>.part.editor>.content+.editor-group-container>.editor-container+.monaco-scrollable-element+.scrollbar
,+.monaco-workbench>.part.editor>.content+.editor-group-container>.editor-container+.monaco-scrollable-element+.scrollbar+.slider+{
++++height:+20px+!important;
}
*/|5265735|entityMap|0|LINK|mutability|MUTABLE|url|https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css#review-details|1|https://github.com/Microsoft/vscode/issues/32192#issuecomment-450222349^0|0|0|X|7|A|9|0|K|A|1|0|3|A|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]]|9|@$I|15|J|16|1|17]|$I|18|J|19|1|1A]]|A|$]]|$1|M|3|N|5|6|7|1B|8|@$I|1C|J|1D|K|L]]|9|@]|A|$]]|$1|O|3|P|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

@andr its only for vertical,
the complete set

<pre><code>,"editor.scrollbar.verticalScrollbarSize": 10
,"editor.scrollbar.horizontal": "visible"
,"editor.scrollbar.horizontalScrollbarSize": 15
</code></pre>

, and <a href="https://github.com/Microsoft/vscode/issues/32192#issuecomment-450222349" rel="noreferrer">workaround</a> using an exceptionally meaningful <a href="https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css#review-details" rel="noreferrer">extension</a> ,for tabs group scrollbar

(to insert in custom.css):

<pre><code>/*tab group scrollbar;*/
.monaco-workbench&gt;.part.editor&gt;.content .editor-group-container&gt;.title.tabs&gt;.tabs-and-actions-container&gt;.monaco-scrollable-element .scrollbar,
.monaco-workbench&gt;.part.editor&gt;.content .editor-group-container&gt;.title.tabs&gt;.tabs-and-actions-container&gt;.monaco-scrollable-element .scrollbar .slider {
 height: 20px !important;
}

/*scrollbars;
.monaco-workbench&gt;.part.editor&gt;.content .editor-group-container&gt;.editor-container .monaco-scrollable-element .scrollbar
, .monaco-workbench&gt;.part.editor&gt;.content .editor-group-container&gt;.editor-container .monaco-scrollable-element .scrollbar .slider {
 height: 20px !important;
}
*/
</code></pre>

blocks|key|283556|text|您需要编辑文件%25APPDATA%25\Code\User\settings.json并添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|283557|,"editor.scrollbar.verticalScrollbarSize":+15
,"editor.scrollbar.horizontalScrollbarSize":+15|code-block|syntax|javascript|283558|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You need to edit the file %APPDATA%\Code\User\settings.json and add 

<pre><code>,"editor.scrollbar.verticalScrollbarSize": 15
,"editor.scrollbar.horizontalScrollbarSize": 15
</code></pre>

blocks|key|5265752|text|从VS代码1.48.0开始，settings.json中的以下代码行帮助我放大了水平滚动条：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5265753|"workbench.editor.titleScrollbarSizing":+"large"|code-block|syntax|javascript|5265754|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As of VS Code 1.48.0, the following line in settings.json helped me to make horizontal scrollbar larger:
<pre><code>&quot;workbench.editor.titleScrollbarSizing&quot;: &quot;large&quot;
</code></pre>

blocks|key|5265886|text|我在Windows+10操作系统上使用Visual+Studio+Code+1.58.2。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5265887|5265888|打开菜单:+File+->+Preferences+->+Setting。将打开|ordered-list-item|5265889|A设置选项卡。在搜索框中，输入标题滚动条并将下拉列表值从sizing.|5265890|Change+default+to+.|offset|length|style|BOLD|5265891|DONE！Congratulations.|5265892|5265893|如果你想测试它，打开多个文件，你会看到顶部的水平滚动条更宽，很容易用鼠标指针选择。|5265894|entityMap^0|0|0|0|0|I|1|0|0|L|0|0|0|15|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|Y|8|@$J|Z|K|10|L|M]]|9|@]|A|$]]|$1|N|3|O|5|E|7|11|8|@$J|12|K|13|L|M]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@$J|16|K|17|L|M]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|T|$]]

I am using Visual Studio Code 1.58.2 on Windows 10 OS.
<ol>
<li>Open the menu: File -&gt; Preferences -&gt; Settings.</li>
<li>A Settings tab will be open. In the search box, type in title scrollbar sizing.</li>
<li>Change the dropdown list value from default to large.</li>
<li>Close Settings tab.</li>
<li>DONE! Congratulations.</li>
</ol>
If you want to test it, open multiple files and you will see the horizontal scrollbar at the top is wider and easy to pick by the mouse pointer.

blocks|key|2191615|text|感谢戴的链接。无文档记录的属性editor.scrollbar.verticalScrollbarSize为代码窗口处理此问题。它不会影响文件资源管理器中的滚动条，但目前还可以。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2191616|entityMap^0|F|12|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Thanks to Dai for the link. The undocumented property <code>editor.scrollbar.verticalScrollbarSize</code> handles this for the code windows. It doesn't affect the scrollbars on the file explorer, but that's OK for now.

blocks|key|2191649|text|您还可以让打开的选项卡换行，而不是滚动：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2191650|"workbench.editor.wrapTabs":+true|code-block|syntax|javascript|2191651|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also have the open tabs wrap and not scroll:
<pre><code>&quot;workbench.editor.wrapTabs&quot;: true
</code></pre>

blocks|key|3154369|text|自VSCode于2021年6月发布(1.58版)以来，可以直接在设置中编辑滚动条(按ctr%2B，可以更快地到达)，并搜索editor.scrollbar。您可以在那里更改垂直滚动条的大小。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3154370|​|3154371|📷|atomic|3154372|3154373|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/eec86b86c93caff82dd4522dc0fa4a57.png|imageAlt^0|1N|G|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|K|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S|T|-4]]]]

Since VSCode's June 2021 release (version 1.58) the scrollbar can be edited directly in the settings (get there faster by pressing ctr+,) and searching for <code>editor.scrollbar</code>. You can change the vertical scrollbar's size there.
<a href="https://i.stack.imgur.com/STAbd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/STAbd.png" alt="Release notese on scrollbar settings" /></a>

Is there a way to make Visual Studio Code's window scrollbars wider? I'm finding they're a few pixels too skinny compared to other apps and my mouse often misses the precise location that I'm trying to click.

How to make scrollbars wider in Visual Studio Code?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有办法让Visual Studio代码的窗口滚动条变宽？我发现与其他应用程序相比，它们太瘦了几个像素，而且我的鼠标经常错过我想要点击的确切位置。

问如何在Visual Studio代码中使滚动条更宽？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Visual Studio代码中使滚动条更宽？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Visual Studio代码中使滚动条更宽？
EN