VSCode扩展开发，如何自定义按下菜单按钮向编辑器添加代码片段

Question

VSCode扩展开发，如何自定义按下菜单按钮向编辑器添加代码片段？

extension.ts：

context.subscriptions.push(vscode.commands.registerCommand('chartjs.addChart', () => {
    // 调用什么指令
}));

Answer 1

// 导入VSCode API
const vscode = require('vscode');

// 激活扩展
function activate(context) {
    // 注册命令
    let disposable = vscode.commands.registerCommand('extension.insertSnippet', () => {
        // 获取用户的首选项配置
        const config = vscode.workspace.getConfiguration('myExtension');
        const snippet = config.get('snippet');

        // 获取当前编辑器
        const editor = vscode.window.activeTextEditor;

        // 插入代码片段
        editor.insertSnippet(new vscode.SnippetString(snippet));
    });

    // 添加命令到扩展上下文中
    context.subscriptions.push(disposable);
}
exports.activate = activate;

注册了一个名为extension.insertSnippet的命令，当用户按下按钮时，将调用该命令。在命令回调函数中，获取了用户的首选项配置（假设我们的扩展名为myExtension），然后使用editor.insertSnippet()方法向编辑器中插入代码片段。
要将自定义按钮添加到VSCode的菜单栏中，你需要在你的扩展的package.json文件中的contributes字段下添加一个menus项。下面是一个示例：

"contributes": {
    "menus": {
        "editor/title": [{
            "command": "extension.insertSnippet",
            "group": "navigation"
        }]
    }
}

在上面的示例中，将extension.insertSnippet命令添加到了编辑器标题菜单组中。当用户单击菜单按钮时，该命令将被执行，从而向编辑器中插入代码片段。