CCS Theia也就是新版 VS Code 风格的 CCS默认工具栏里已经有保存、查找、编译、调试、烧录等常用按钮但对于从 Keil、老版 CCS 或 IAR 转过来的用户来说可能会觉得少了一些非常顺手的按钮比如代码导航后退 代码导航前进 添加行注释 取消行注释 添加块注释 取消块注释这些功能其实都可以通过自定义工具栏 JSON 配置加进去。一、打开工具栏中文界面路径查看 → 切换工具栏英文界面路径View → Toggle Toolbar如果当前顶部没有显示工具栏可以先通过这个菜单把工具栏显示出来。二、打开自定义工具栏 JSON显示工具栏之后在工具栏空白区域或者工具栏按钮附近右键。中文界面一般是右击工具栏 → 自定义工具栏 → 打开 JSON英文界面一般是Right-click Toolbar → Customize Toolbar → Open JSON打开之后把原来的 JSON 替换成下面这一份即可。三、完整工具栏 JSON 配置{ items: { left: [ [ { id: core.save, command: core.save, icon: codicon codicon-save }, { id: core.saveAll, command: core.saveAll, icon: codicon codicon-save-all } ], [ { id: core.find, command: core.find, icon: codicon codicon-search }, { id: editor.action.nextMatchFindAction, command: editor.action.nextMatchFindAction, icon: codicon codicon-arrow-down }, { id: editor.action.previousMatchFindAction, command: editor.action.previousMatchFindAction, icon: codicon codicon-arrow-up } ], [ { id: ccs.buildProjects, command: ccs.buildProjects, icon: codicon codicon-tools } ], [ { id: ccs.debug.selected.project, command: ccs.debug.selected.project, icon: codicon codicon-debug }, { id: ccs.flash.selected.project, command: ccs.flash.selected.project, icon: codicon codicon-file-symlink-file }, { id: workbench.action.debug.start, command: workbench.action.debug.start, icon: codicon codicon-debug-alt }, { id: workbench.action.debug.stop, command: workbench.action.debug.stop, icon: codicon codicon-debug-stop }, { id: ccs.reset.defaultReset, command: ccs.reset.defaultReset, icon: ccs-tabler-rotate-2-icon ccs-toolbar-icon ccs-icon-green } ], [ { id: workbench.action.debug.continue, command: workbench.action.debug.continue, icon: codicon codicon-debug-continue }, { id: workbench.action.debug.pause, command: workbench.action.debug.pause, icon: codicon codicon-debug-pause }, { id: workbench.action.debug.stepOver, command: workbench.action.debug.stepOver, icon: codicon codicon-debug-step-over }, { id: workbench.action.debug.stepInto, command: workbench.action.debug.stepInto, icon: codicon codicon-debug-step-into }, { id: ccs.debug.disassembly.stepOver, command: ccs.debug.disassembly.stepOver, icon: codicon codicon-debug-step-over ccs-icon-yellow }, { id: ccs.debug.disassembly.stepInto, command: ccs.debug.disassembly.stepInto, icon: codicon codicon-debug-step-into ccs-icon-yellow }, { id: workbench.action.debug.stepOut, command: workbench.action.debug.stepOut, icon: codicon codicon-debug-step-out }, { id: workbench.action.debug.restart, command: workbench.action.debug.restart, icon: codicon codicon-debug-restart } ], [ { id: ccs.debug.restoreDebugState, command: ccs.debug.restoreDebugState, icon: ccs tabler-transform-icon ccs-toolbar-icon ccs-icon-green }, { id: workbench.action.navigateBack, command: workbench.action.navigateBack, icon: codicon codicon-arrow-left, tooltip: 代码导航后退 }, { id: workbench.action.navigateForward, command: workbench.action.navigateForward, icon: codicon codicon-arrow-right, tooltip: 代码导航前进 }, { id: editor.action.addCommentLine, command: editor.action.addCommentLine, icon: codicon codicon-comment-add, tooltip: 添加行注释 }, { id: editor.action.removeCommentLine, command: editor.action.removeCommentLine, icon: codicon codicon-comment-unresolved, tooltip: 取消行注释 }, { id: editor.action.blockComment.add, command: editor.action.blockComment, icon: codicon codicon-bracket, tooltip: 添加块注释 }, { id: editor.action.blockComment.remove, command: editor.action.blockComment, icon: codicon codicon-bracket-dot, tooltip: 取消块注释 } ] ], center: [], right: [ [ { id: workbench.action.showCommands, command: workbench.action.showCommands, icon: codicon codicon-terminal, tooltip: Command Palette } ] ] } }四、新增按钮说明这次新增的按钮都放在restoreDebugState的右边也就是工具栏最后一组里。← 代码导航后退 → 代码导航前进 添加行注释 取消行注释 添加块注释 取消块注释对应的命令分别是workbench.action.navigateBack workbench.action.navigateForward editor.action.addCommentLine editor.action.removeCommentLine editor.action.blockComment editor.action.blockComment需要注意的是块注释在 VS Code / CCS Theia 里通常是同一个 toggle 命令也就是editor.action.blockComment选中代码后点一次是添加块注释再点一次就是取消块注释。所以这里虽然做成了两个按钮但底层命令是同一个只是图标和提示文字不同。五、保存后不生效怎么办保存 JSON 后如果工具栏没有立刻变化可以尝试1. 保存 JSON 文件 2. 关闭当前工程窗口 3. 重启 CCS Theia 4. 再次打开工具栏如果某个图标不显示说明当前 CCS Theia 版本可能不支持这个 codicon 图标可以把对应的icon换成更通用的icon: codicon codicon-comment或者icon: codicon codicon-symbol-string这样兼容性会更好。