首页 > 开发工具 > VSCode > 正文

VSCode的“侧边栏”位置可以调整吗?

P粉986688829
发布: 2025-12-21 09:46:02
原创
254人浏览过
VSCode侧边栏可移至右侧或隐藏:一、用Cmd+Shift+P执行“View: Toggle Primary Side Bar Position”即时切换;二、设置中修改“Workbench › Sidebar: Location”为right;三、在settings.json添加"workbench.sidebar.location": "right"并重启。

vscode的“侧边栏”位置可以调整吗?

如果您在使用 VSCode 时发现侧边栏默认显示在界面左侧,但希望将其移动到右侧或隐藏以释放编辑区域,则可以通过内置设置快速调整其位置。以下是实现该操作的具体方法:

本文运行环境:MacBook Air,macOS Sequoia。

一、通过命令面板切换侧边栏位置

VSCode 提供了内置命令用于动态切换侧边栏的停靠位置,无需修改配置文件即可即时生效。该命令会将侧边栏从当前停靠位置(左/右)切换至另一侧,或在隐藏状态下恢复显示。

1、按下 Cmd + Shift + P(Windows/Linux 为 Ctrl + Shift + P)打开命令面板。

2、在输入框中键入 View: Toggle Primary Side Bar Position 并回车。

3、侧边栏将立即从当前所在侧移至对侧;若当前已隐藏,则先恢复至默认左侧,再执行一次可移至右侧。

二、通过设置界面修改默认停靠位置

该方法可持久化更改侧边栏初始启动位置,适用于希望每次打开 VSCode 都保持右侧布局的用户。设置项位于用户首选项中,影响全局行为。

1、点击菜单栏中的 Code → Settings(macOS)或 File → Settings(Windows/Linux)。

jQuery仿天猫固定右侧快捷导航特效代码
jQuery仿天猫固定右侧快捷导航特效代码

jQuery仿天猫固定右侧快捷导航特效代码,可折叠可展开,界面是非常精致的,基于jQuery.fixed.js实现,当然你也可以把位置调整到右侧。

jQuery仿天猫固定右侧快捷导航特效代码 87
查看详情 jQuery仿天猫固定右侧快捷导航特效代码

2、在设置搜索框中输入 side bar location

3、找到选项 Workbench › Sidebar: Location,点击下拉菜单。

4、选择 right 即可将侧边栏默认位置设为右侧;选择 lefthidden 可分别恢复默认或隐藏。

三、通过修改 settings.json 文件手动配置

对于熟悉 JSON 配置的用户,可直接编辑用户设置文件,精确控制侧边栏行为。该方式支持与其他自定义设置合并管理,且优先级高于图形界面设置。

1、打开命令面板(Cmd + Shift + P),输入并执行 Preferences: Open User Settings (JSON)

2、在大括号 {} 内添加一行:"workbench.sidebar.location": "right"

3、保存文件(Cmd + S),重启 VSCode 或重新加载窗口(Cmd + Shift + P → Developer: Reload Window)使配置生效。

以上就是VSCode的“侧边栏”位置可以调整吗?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号