VSCode扩展开发：如何自动显示无需触发命令的可点击状态栏按钮

问题根源 #

你当前把创建、展示状态栏按钮的逻辑写在了test-extension.presence命令的回调函数中，只有手动触发命令时这段代码才会执行；同时你没有配置扩展的自动激活规则，VSCode不会在启动时主动加载你的扩展逻辑，自然不会提前显示按钮。

具体修改步骤 #

• 配置扩展激活时机
  打开扩展根目录的package.json文件，在activationEvents字段中添加启动后激活的规则，推荐用onStartupFinished，会在VSCode启动完成、高优先级扩展加载完毕后再激活你的扩展，对启动速度影响最小：

"activationEvents": [
  "onStartupFinished"
],

如果你需要扩展在VSCode启动第一时间就激活，也可以把值换成"*"。

• 调整状态栏创建逻辑的位置
  把创建、显示状态栏按钮的代码，从命令回调函数里移到扩展入口的activate函数中——这个函数是扩展被激活时第一个执行的逻辑，能保证扩展加载完按钮就直接显示。完整入口代码参考：

const vscode = require('vscode');

/**
 * @param {vscode.ExtensionContext} context
 */
function activate(context) {
  // 状态栏逻辑直接写在activate中，激活即创建显示
  const statusBarItem = vscode.window.createStatusBarItem(
    vscode.StatusBarAlignment.Left,
    100 // 第二个参数是优先级，数值越大越靠左侧显示
  );
  statusBarItem.text = 'Click to Connect to Discord Presence';
  statusBarItem.command = 'test-extension.presence'; // 绑定点击触发的命令ID
  statusBarItem.tooltip = '连接Discord Rich Presence'; // 可选：添加鼠标悬停提示
  statusBarItem.show();

  // 单独注册按钮点击触发的命令，不要把状态栏创建逻辑写在这里
  const presenceCommand = vscode.commands.registerCommand('test-extension.presence', () => {
    // 这里写点击按钮后要执行的业务逻辑，比如连接Discord的相关代码
    vscode.window.showInformationMessage('已触发Discord连接逻辑');
  });

  // 把实例加入订阅队列，扩展卸载时会自动销毁，避免内存泄漏
  context.subscriptions.push(statusBarItem, presenceCommand);
}

function deactivate() {}

module.exports = {
  activate,
  deactivate
};

注意事项 #

不要把创建状态栏实例的代码重复放在命令回调里，否则每次触发命令都会新建一个状态栏按钮，出现重复显示的问题。
如果配置后按钮还是不显示，可以检查命令ID是否和package.json里contributes.commands配置的ID完全一致，避免拼写错误。

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