如何在JavaScript中访问VS Code扩展的自定义配置变量？

直接使用VS Code内置的配置API读取即可，操作步骤如下：

• 首先确保脚本顶部引入vscode核心模块：const vscode = require('vscode');
• 调用vscode.workspace.getConfiguration()方法获取当前扩展的配置对象，注意方法传入的参数要和你package.json里contributes.configuration定义的配置前缀完全一致（通常是你的扩展ID，即发布者ID.扩展名的格式），不要直接读取全局配置避免字段冲突。
• 通过配置对象的get方法读取具体的server字段，建议传入第二个参数作为默认兜底值，避免用户未配置时拿到undefined导致请求异常。

基础读取示例 #

const vscode = require('vscode');

function activate(context) {
    // 替换成你自己扩展的配置前缀
    const extConfig = vscode.workspace.getConfiguration('your-extension-id');
    // 读取server配置作为请求baseUrl，第二个参数是默认值
    const serverBaseUrl = extConfig.get('server', 'http://localhost:8080');
    
    // 后续发起服务请求直接使用该变量即可，例：
    // fetch(`${serverBaseUrl}/api/your-endpoint`)
}

配置实时生效实现 #

如果需要用户修改设置后不需要重启扩展就能立即生效，可以添加配置变更监听：

context.subscriptions.push(
    vscode.workspace.onDidChangeConfiguration(e => {
        // 校验是否是自己扩展的server字段发生变更
        if (e.affectsConfiguration('your-extension-id.server')) {
            // 重新读取最新配置值
            const updatedServerUrl = vscode.workspace.getConfiguration('your-extension-id').get('server');
            // 在这里更新你存储的baseUrl变量即可
        }
    })
);

常见踩坑：如果直接调用无参数的vscode.workspace.getConfiguration().get('server')，会读取全局作用域下的server配置，大概率拿不到你在自己扩展设置页配置的值，一定要传入自己扩展的配置前缀。

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