我如何在 VS Code 中创建舒适的工作区

Source: Dev.to

创建生产力配置文件

VS Code 配置文件让你为不同的工作流构建独立的环境。专用的 Productivity（生产力）配置文件可以保持专注的环境整洁且一致。

1. 打开命令面板。
2. 运行 Profiles: Create Profile。
3. 选择 Empty 并命名为 Productivity。
4. 仅为此配置文件自定义设置。

你也可以点击左下角的齿轮图标 → Profiles。

将侧边栏移动到右侧

默认情况下侧边栏位于左侧，会与自然的阅读流相冲突。将其移动到右侧可以让编辑器保持居中。

"workbench.sideBar.location": "right"

你也可以右键点击侧边栏，选择 Move Primary Sidebar Right。

将活动栏放置在顶部

把活动栏放在左侧（或右侧）会产生额外的垂直列。将其移动到顶部可以利用水平空间，而不是占用编辑器区域。

"workbench.activityBar.location": "top"

通过侧边栏顶部的 Activity Bar Position 菜单进行更改。

居中快速输入

命令面板和文件切换器通常出现在顶部，会导致视线向上移动。将快速输入居中可以让所有内容保持在你的直接视野范围内。

"workbench.quickInput.location": "center"

隐藏命令中心

如果你已经习惯使用键盘快捷键，命令中心只会增加噪音而没有价值。

"window.commandCenter": false

紧凑菜单栏

如果你很少使用菜单栏，可以将其隐藏，从而节省一行 UI 空间。

"window.menuBarVisibility": "compact"

你也可以通过 Customize Layout → Visibility of the Menu Bar 进行调整。

自动主题切换

PowerToys LightSwitch 能根据日出/日落自动更改 Windows 主题。VS Code 可以自动检测并在你偏好的浅色和深色主题之间切换。

"workbench.preferredDarkColorTheme": "JetBrains Rider Dark Theme",
"workbench.preferredLightColorTheme": "Default Light+",
"window.autoDetectColorScheme": true

我使用 JetBrains Rider Dark 主题，以在不同 IDE 中保持一致的外观。

提高光标可见性

默认的光标闪烁较为微弱。使用 “expand” 样式在不分散注意力的前提下更易辨认。

"editor.cursorBlinking": "expand"

可选：VS Code Pets 扩展

VS Code Pets 扩展会在工作区添加一个小动画宠物。它是可选的，但能增添一点趣味而不影响专注。

最终效果与设置仓库

应用上述更改后，工作区会显得更平衡、宽敞，且更适合长时间编码。

你可以在我的 GitHub 仓库中找到所有设置：

Windows11-Setup – VS Code configuration

欢迎根据自己的舒适开发环境定义自行定制此设置。