以下是常用的 VS Code 界面美化工具和扩展:
🎨 主题 (Themes)
| 扩展名 | 特点 |
|---|---|
| One Dark Pro | Atom 经典深色主题,最受欢迎 |
| Dracula Official | 紫色调深色主题,护眼 |
| Material Theme | 多种配色方案,Material Design 风格 |
| GitHub Theme | GitHub 官方配色,有深色/浅色版本 |
| Monokai Pro | 专业版 Monokai,色彩丰富 |
| Catppuccin | 柔和的粉色系主题,很受欢迎 |
📁 文件图标 (File Icons)
| 扩展名 | 特点 |
|---|---|
| Material Icon Theme | 图标最全面,支持文件夹图标 |
| VSCode Icons | 另一种风格,也很精致 |
| Symbols | macOS 风格图标 |
🔤 编程字体 (Fonts)
推荐支持 Ligatures(连体字) 的字体:
- Fira Code - 最经典
- JetBrains Mono - 易读性极佳
- Cascadia Code - 微软出品
- Maple Mono - 中文优化好
- CaskaydiaCove Nerd Font - 带图标
在 settings.json 中设置:
"editor.fontFamily": "JetBrains Mono, Fira Code", "editor.fontLigatures": true
✨ 特效/功能美化
| 扩展名 | 功能 |
|---|---|
| Rainbow Brackets | 彩虹色括号匹配 |
| Indent Rainbow | 缩进彩虹线 |
| Error Lens | 错误直接显示在行尾 |
| Power Mode | 打字粒子特效 |
| Background | 自定义背景图片 |
| Highlight Matching Tag | 高亮匹配标签 |
🖥️ 界面定制
在 settings.json 中隐藏元素:
// 隐藏活动栏 "workbench.activityBar.location": "hidden", // 隐藏状态栏 "workbench.statusBar.visible": false, // 隐藏 minimap "editor.minimap.enabled": false, // 紧凑菜单 "window.menuBarVisibility": "compact"
推荐组合
开发风格:One Dark Pro + Material Icon Theme + JetBrains Mono + Rainbow Brackets
极简风格:GitHub Dark + Symbols + 隐藏所有边栏
需要我帮你配置某个具体的设置吗?