vscode侧面图标

### 配置或自定义 VSCode 侧边栏图标

对于希望增强 Visual Studio Code (VSCode) 工作效率并个性化界面的开发者来说，配置或自定义侧边栏图标是一个重要方面。通过 `viewsContainers` 属性可以创建一个新的视图容器，并指定该容器内的图标。

#### JSON 配置方式

用户可以在 `package.json` 文件中定义新的视图容器及其对应的图标。具体而言，在插件开发过程中，需向 `contributes` 字段下的 `viewsContainers` 添加对象，其中包含三个必要属性：`id`, `title`, 和 `icon`[^2]。例如：

{
    "contributes": {
        "viewsContainers": {
            "activitybar": [
                {
                    "id": "myViewContainer",
                    "title": "My Custom View",
                    "icon": "./media/my-icon.svg"
                }
            ]
        },
        ...
    }
}

上述代码片段展示了如何注册一个名为 “My Custom View” 的新活动条目至左侧活动栏，并为其分配了一个 SVG 图标文件作为显示图像。

#### 插件支持的方式

除了直接编辑配置外，某些第三方插件也提供了便捷的方式来管理和更改侧边栏中的图标样式。比如 SideBarEnhancements 这款工具就允许使用者借助其内建机制轻松调整各种视觉元素，而无需手动干预底层设置文件。它不仅简化了操作流程，还增加了更多灵活性和功能性选项给最终用户[^1]。