VSCode美化

VSCode 美化

主题推荐

Catppuccin Noctis

这款主题融合了 Catppuccin 主题的配色和 Noctis 主题的高亮方案,作为 Catppuccin 主题的替代品。

Tokyo Night

Tokyo Night 主题颜色偏黑,其变体 Tokyo Night Storm 则略微发蓝,配合峡谷背景效果还可以。

Tokyo Night

Tokyo Night Storm

Palenight Theme

这款主题属于无边界主题,配合其他语言还挺好看,但是对于 jupyter 笔记本来说,就有点看不清单元格的界限了。

Moonlight

月光主题,配合峡谷背景效果不错。

图标推荐

Catppuccin Icons for VSCode

Catppuccin 主题附带的图标,特点是颜色鲜艳,图标中空。

字体设置

Font Family

Maple Mono NF CN 字体,等宽字体,且中文字体严格是英文字体的两倍宽度。

Font Weight

json 复制代码
    "editor.fontWeight": "250",
    "terminal.integrated.fontWeight": "250",

差不多是 light 字重。

侧边栏-文件目录字体大小

打开 VSCode 配置文件 <安装路径>/Microsoft VS Code/resources/app/out/vs/workbench/workbench.desktop.main.css,搜索其中的下列属性,修改 font-size,重启 VSCode 即可。

json 复制代码
.monaco-workbench .part>.content {
    font-size: 14px
}

重启后 VSCode 可能报错 软件出错...,问题不大😜

背景图片

backgroud-cover

安装 background-cover 插件,设置背景图片即可,还可以设置透明度。

我使用的是深蓝色峡谷背景,透明度为 0.4。

无水印版本(需要梯子):https://w.wallhaven.cc/full/96/wallhaven-96w2g8.jpg

相关推荐
时光之源7 小时前
使用ssh用Cursor/TRAE/VSCode链接远程服务器并运行可视化程序,显示在本地机器上,全流程教学!
ide·vscode·编辑器
神の愛8 小时前
VSCode报错了??
ide·vscode·编辑器
BackCatK Chen9 小时前
Python安装与VSCode配置完整教程(每步带截图说明)
vscode·python·python安装·vscode配置·python 3.9.10·嵌入式环境配置
请为小H留灯9 小时前
一键解决 IDEA 中 Java 项目变橙色的问题!!!
java·ide·maven·intellij-idea·java项目
huabiangaozhi10 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite
KvPiter11 小时前
AI辅助开发行业动态(202603)
人工智能·编辑器
2501_9160088913 小时前
iOS开发者工具有哪些?Xcode、Fastlane 与 kxapp 的组合使用
ide·vscode·macos·ios·个人开发·xcode·敏捷流程
无巧不成书021814 小时前
编辑器、编译器与解释器全解析
编辑器·编译原理·编译器·编程入门·解释器·开发工具链
Irene199114 小时前
Cursor 访问在 WSL 中的项目:使用不同的编辑器修改WSL中的同一个项目,会自动同步
编辑器
承渊政道15 小时前
【优选算法】(实战剖析链表核心操作技巧)
开发语言·数据结构·c++·vscode·学习·算法·链表