如何在VS Code扩展的欢迎视图中显示版本号？

要在viewsWelcome中显示扩展的已安装版本号，直接在package.json里静态配置无法实现动态替换，需要通过扩展代码修改欢迎视图内容，具体步骤如下：

1. 获取扩展版本号 #

在扩展主文件（如extension.js或extension.ts）中，通过VS Code API获取当前扩展的版本信息：

// JavaScript示例
const vscode = require('vscode');

function activate(context) {
    // 替换为你的扩展ID（格式为 publisher.name，对应package.json中的publisher和name字段）
    const extension = vscode.extensions.getExtension('your-publisher.your-extension-name');
    const version = extension ? extension.packageJSON.version : '未知版本';
    // 后续逻辑...
}

// TypeScript示例
import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    const extension = vscode.extensions.getExtension('your-publisher.your-extension-name');
    const version = extension?.packageJSON.version ?? '未知版本';
    // 后续逻辑...
}

2. 动态更新欢迎视图内容 #

调用VS Code内置的setWelcomeMessage命令，将带版本号的内容替换原静态配置：

// 接上述代码
const viewId = 'myview-page'; // 对应package.json中views的id字段
const welcomeContent = `My content. [My Button](command:my-command) Current version: ${version}`;

// 更新欢迎视图
vscode.commands.executeCommand('setWelcomeMessage', viewId, welcomeContent);

3. 完整JavaScript示例 #

const vscode = require('vscode');

function activate(context) {
    // 获取扩展版本
    const extension = vscode.extensions.getExtension('your-publisher.your-extension-name');
    const version = extension ? extension.packageJSON.version : '未知版本';
    
    // 目标视图ID
    const viewId = 'myview-page';
    
    // 构造带版本号的欢迎内容
    const welcomeContent = `My content. [My Button](command:my-command) Current version: ${version}`;
    
    // 更新视图欢迎内容
    vscode.commands.executeCommand('setWelcomeMessage', viewId, welcomeContent);

    // 其他扩展逻辑...
}

function deactivate() {}

module.exports = {
    activate,
    deactivate
};

注意事项 #

• 确保代码在扩展激活阶段执行，这样视图加载时就能同步显示版本号
• 若视图为树结构，需保证树视图无内容时（符合when条件），欢迎页才会展示，此时版本号会正常显示

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