如何为Visual Studio Code菜单栏添加命令以提升功能可发现性？

VSCode确实没有像Microsoft Office那样的可视化工具栏/菜单栏编辑器，但可以通过以下几种方式实现自定义菜单栏命令的需求，以你提到的格式化代码功能为例：

方法1：使用菜单自定义扩展 #

这是最直接的实现方式，推荐两款成熟的扩展：

• Menu Editor：安装后打开扩展配置面板，可直观添加、移除或调整菜单栏命令。找到Format Document命令（对应ID：editor.action.formatDocument），将它添加到目标菜单（比如「编辑」菜单），保存配置后重启VSCode即可生效。
• Customize UI：这款扩展功能更全面，支持自定义菜单、状态栏、侧边栏等。在settings.json中添加配置修改菜单结构，示例如下：

  "customizeUI.menuBar": {
    "edit": [
      // 保留原有菜单项，将格式化命令添加到末尾
      "editor.action.formatDocument",
      "editor.action.formatSelection"
    ]
  }
  

  配置完成后重启VSCode，就能在「编辑」菜单里看到格式化相关命令。

方法2：利用状态栏快速访问 #

如果不想修改菜单栏，也可以把常用命令放到状态栏，点击即可触发：
在settings.json中添加：

"statusbar.commands": [
  {
    "command": "editor.action.formatDocument",
    "text": "格式化文档",
    "tooltip": "一键格式化当前文档",
    "alignment": "left"
  }
]

保存后，状态栏左侧会出现「格式化文档」按钮，点击就能执行格式化操作。

针对格式化代码的额外优化 #

除了添加到菜单/状态栏，还可以开启自动格式化避免手动操作：
在settings.json中设置：

"editor.formatOnSave": true,
"editor.formatOnType": false // 按需开启输入时自动格式化

这样每次保存文件时，VSCode会自动帮你格式化代码。

内容的提问来源于stack exchange，提问作者Zian Choy