VS Code调整水平滚动条的大小

在VS Code中，水平滚动条的大小决定了你在编辑大段代码时的体验。默认情况下，滚动条是比较窄的，但是如果你经常需要水平滚动，可以通过以下几种方法调整水平滚动条的大小。

1. 使用扩展程序

安装一个名为 "Custom CSS and JS Loader" 的扩展程序，并按照以下步骤配置：

1. 打开VS Code的设置，选择 "用户设置" 选项卡。
2. 在搜索栏中键入 "custom css"，并选择 "Custom CSS and JS Loader" 扩展程序的设置。
3. 找到 "Paste your custom CSS and JS code here" 选项卡，粘贴以下代码：

::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

::-webkit-scrollbar-thumb {
  background-color: #ADB5BD;
  border: 4px solid #F1F3F5;
}

::-webkit-scrollbar-track {
  background-color: #F1F3F5;
}

4. 保存设置，并重启VS Code。

这将使滚动条的高度和宽度变为16像素，颜色为灰色，滑块的边框显示为浅色。

2. 调整高级设置

VS Code还允许你通过高级设置来更改滚动条的大小。按照以下步骤操作：

1. 打开VS Code的设置，选择 "用户设置" 选项卡。
2. 在搜索栏中键入 "scrollbar"，找到 "Editor: Scrollbar" 配置项。
3. 点击 "Edit in settings.json" 链接。
4. 添加以下代码，并更改"size" 的值来调整滚动条的大小：

"editor.scrollbar.horizontalScrollbarSize": 16

5. 保存设置并关闭。

这将使水平滚动条的大小变为16个像素。

以上是两种常用的调整水平滚动条大小的方法，你可以根据自己的需求来选择合适的方法。