vscode 修改默认字体(侧栏、顶栏、目录栏)

本文指导如何在VSCode中自定义侧栏和顶栏字体,包括下载字体、定位并修改CSS文件、以及注意事项。
摘要由CSDN通过智能技术生成

放个图片压压惊先:

以下正文开始

首先侧栏和顶栏的字体是无法通过配置的方式实现自定义字体的。需要修改代码(不复杂)。

准备字体:

建议把心仪的字体下载到本地(mac的不知道如何添加,全文以windows操作)。

字体下载后双击打开,点击安装,自己即会添加到系统之中。然后拿着字体名称。

当然也可以使用电脑里面的本地字体,打开设置找到字体可查看本地的字体哟:

调试:进入开发模式:【帮助】- 【切换开发人员工具 / Toggle Developer Tools】

此步骤是为了看实际效果,可以跳过滴,不影响。

开发人员工具界面:

找到 out/vs/workbench/workbench.desktop.main.css 文件。定位到控制字体的类中,mac的搜索 .mac,window 的搜索 .window ,如图所示。这里是设置的字体是整体的,想要细致一点的可以用前端调试的方式找到侧栏对应的类,再修改其中的文字。

你可以在这个文件上直接编辑,并在vsCode中实时预览效果!!!

我这里是修改的字体:'Cascadia code','极影毁片圆 Medium' 。

当然,你在这里保存是没用的,这并不会保存到文件系统中:

替换:在你的文件目录上找到这个文件并打开

文件目录:【你vscode安装位置/resources/app/out/vs/workbench/workbench.desktop.main.css】

通过搜索.windows 找到刚刚调试的地方,把心仪的字体放上去,应该长这个样子:

保存成功(通常保存时候需要管理员权限才能保存)

重启vsCode即可。

大功告成。

总结:

1. 准备字体并安装到本地电脑上。获取到字体的名称。

2. 打开【你vscode安装位置/resources/app/out/vs/workbench/workbench.desktop.main.css】文件

3. 定位到 .windows:lang(zh-Hans) / .windows,在font-family 加上你的字体名称。

4.保存并重启vsCode(通常保存时候需要管理员权限才能保存)。

注意:这样搞了之后每次打开会弹出“Code 安装似乎损坏。请重新安装。”的提示,关掉不管就Ok,没有任何问题,每次vscode更新后以上改动会消失,重新弄一次即可。介意者慎用!!!

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值