![cover](/upload/talk-vscode-plugin.webp)
瞬间让 VSCode 变清静「差生文具多系列」
最近 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"
}
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 Coke(cokeserver@qq.com)