如何在VS Code右上角添加独立的Upload（上传）按钮？

原生配置法（无需额外插件） #

• 打开命令面板（快捷键Ctrl+Shift+P），输入Preferences: Open User Settings (JSON)并回车，打开用户配置文件。
• 在配置文件中添加或修改workbench.toolbar.commands节点：

"workbench.toolbar.commands": [
    {
        "command": "platformio-ide.upload",
        "icon": "cloud-upload",
        "tooltip": "PlatformIO 上传"
    }
]

• 保存配置后，右上角工具栏会立刻出现一个带上传图标的独立按钮，点击即可直接执行上传操作。

插件自定义法（灵活调整位置） #

如果需要把按钮紧贴原有构建下拉按钮，可使用Customize UI插件：

1. 打开扩展面板（Ctrl+Shift+X），搜索并安装Customize UI。
2. 打开命令面板，输入Customize UI: Open Settings，添加以下配置：

"customizeUI.toolbar": [
    {
        "type": "command",
        "command": "platformio-ide.upload",
        "icon": "cloud-upload",
        "tooltip": "PlatformIO 上传"
    }
],
"customizeUI.stylesheet": {
    // 可通过CSS调整按钮位置，比如设置按钮顺序
    ".toolbar-item:nth-child(XX)": {
        "order": "1"
    }
}

3. 重启VS Code，按钮会按配置显示在指定位置。

小提示 #

如果不确定命令ID，可在命令面板搜索PlatformIO: Upload，右键点击该命令选择「复制命令ID」，替换配置中的platformio-ide.upload即可。

内容的提问来源于stack exchange，提问作者Cool Javelin