最近 VSCode 用的比较多,本着差生工具多的一贯作风,虽然主题和字体已经配置的比较满意了,但是时常还是觉得 VSCode 界面有些东西很碍眼。

比如右侧的小地图,实话说,用了好长时间了,右边小地图我是从来没用过,不仅不用,还碍事。

再有就是最左边的竖栏,这个叫做 ActivityBar, 其他IDE最左侧几乎都是项目文件目录导航树,右侧就是文件内容编辑器。看起来就很简洁。

之前的布局和样式是下面这样。

让 VSCode 变清静,主要就是从 ActivityBar 和 右侧小地图下手,把它俩弄没了基本上就顺眼多了。

先看看改完之后的效果,小地图直接隐藏掉了,ActivityBar 放到了下方,与状态栏平行排布,是不是看上去舒服多了。

除了最主要的这两块儿以外,还改了编辑器之外的字体与编辑器内统一。

然后去掉了标题栏。当然去掉标题栏之后就没办法快速点击最大、最小、关闭窗口按钮了,要么用快捷键,要么用菜单栏中的按钮。

如何配置呢?

其实很简单,只需要下载一个插件,然后加几行配置就可以了。

插件的名字叫做「Apc Customize UI++」,直接在插件商店搜索并下载安装就可以了。

然后在配置文件中把下面的配置加上,然后 VSCode 会提示你重启,重启后效果就有了。

"apc.activityBar": {
    "position": "bottom", // top: above sidebar, bottom: below sidebar (default: 'left' if unspecified)
    "size": 40, // Height (when top/bottom) or width (in default position)
    "itemSize": 30, // Size of items within the bar (default: size)
    "itemMargin": 3 // Margin between two items (default: 3)
  },
  "apc.statusBar": {
    "position": "editor-bottom",
    "height": 40,
    "fontSize": 14
  },
  "window.titleBarStyle": "native",
  "apc.electron": {
    "frame": false // 改为 true 可恢复标题栏
  },
  "window.customTitleBarVisibility": "never",
  "breadcrumbs.enabled": false,
  "editor.minimap.enabled": false,
  "apc.parts.font.family": {
    "sidebar": "JetBrains Mono", //改成你自己喜欢的字体
    "titlebar": "JetBrains Mono",
    "activityBar": "JetBrains Mono",
    "panel": "JetBrains Mono",
    "tabs": "JetBrains Mono",
    "statusbar": "JetBrains Mono",
    "settings-body": "JetBrains Mono",
    "extension-editor": "JetBrains Mono",
    "monaco-menu": "JetBrains Mono"
  }

注意,如果你还想保留标题的话,要把 apc.electron.frame 设置为 true。

"apc.electron": {
    "frame": false // 改为 true 可恢复标题栏
  },

修改编辑器外的字体,你喜欢的字体是什么,就改成什么就好了。

"apc.parts.font.family": {
    "sidebar": "JetBrains Mono", //改成你自己喜欢的字体
    "titlebar": "JetBrains Mono",
    "activityBar": "JetBrains Mono",
    "panel": "JetBrains Mono",
    "tabs": "JetBrains Mono",
    "statusbar": "JetBrains Mono",
    "settings-body": "JetBrains Mono",
    "extension-editor": "JetBrains Mono",
    "monaco-menu": "JetBrains Mono"
  }