如何在Visual Studio Code中配置侧边栏支持水平滚动？

嗨，这个问题我之前也碰到过，长文件名挤在侧边栏里确实烦人！下面给你两种实用的解决方法：

方法一：自定义CSS实现（灵活可控） #

这种方法适合喜欢自己动手定制的用户，步骤如下：

1. 先在VS Code的扩展商店里安装Custom CSS and JS Loader扩展
2. 在本地创建一个CSS文件（比如命名为sidebar-horizontal-scroll.css），把下面的代码粘贴进去：

/* 开启侧边栏文件/文件夹列表的水平滚动 */
.explorer-folders-view, .explorer-files-view {
    overflow-x: auto !important;
}

/* 可选优化：让滚动条默认隐藏，hover时才显示，更美观 */
.explorer-folders-view::-webkit-scrollbar, .explorer-files-view::-webkit-scrollbar {
    height: 6px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.explorer-folders-view:hover::-webkit-scrollbar, .explorer-files-view:hover::-webkit-scrollbar {
    opacity: 1;
}

3. 打开VS Code的设置（快捷键Ctrl+,/Cmd+,），搜索customCSS.imports，点击编辑 in settings.json，添加你刚才创建的CSS文件的绝对路径，格式类似：
   • Windows："customCSS.imports": ["file:///C:/Users/你的用户名/sidebar-horizontal-scroll.css"]
   • Mac/Linux："customCSS.imports": ["file:///Users/你的用户名/sidebar-horizontal-scroll.css"]
4. 重启VS Code，此时会弹出提示需要启用自定义样式，点击"Enable"后再次重启VS Code，设置就生效了。

方法二：使用现成扩展（简单省心） #

如果你不想折腾代码，直接在VS Code扩展商店搜索Horizontal Scrollbar for Sidebar这类扩展，找下载量高、评价好的安装即可。这类扩展通常安装后无需额外设置，直接就能让侧边栏支持水平滚动，而且会跟进VS Code的版本更新，稳定性更好。

注意事项 #

• 自定义CSS的方式在VS Code大版本更新后可能会失效，届时需要重新启用扩展或者检查CSS选择器是否需要调整
• 扩展方法虽然简单，但要注意选择靠谱的开发者维护的工具，避免安装恶意扩展

内容的提问来源于stack exchange，提问作者Arup Rakshit