首页 > 解决方案 > vscode 扩展补全:如何替换原文?

问题描述

const scarlingProvider = vscode.languages.registerCompletionItemProvider(
        'javascript',
        {
            provideCompletionItems(document, position, token, context) {
                const linePrefix = document.lineAt(position).text.substr(0, position.character);
                if (!hasChinese(linePrefix)) {
                    return undefined;
                }
                const reminds = starling.match(linePrefix)
                console.log('reminds: ', reminds);
                return [reminds].map(val => {
                    try {
                        const item = new vscode.CompletionItem(val, vscode.CompletionItemKind.Method)
                        item.insertText = `$t('${val}', '${linePrefix.trim()}')`
                        return item
                    } catch(err) {
                        console.log('err: ', err);
                    }
                })
            }
        },
        ' '

如上所述,它是完成扩展的一个片段。我希望所选文本替换原始文本,而不是在原始文本之后插入。我该怎么办?

标签: vscode-extensions

解决方案


您必须为您的完成项目指定一个范围。该模型可以为您提供已调用提供程序的原始文本的位置:

const scarlingProvider = vscode.languages.registerCompletionItemProvider(
        'javascript',
        {
            provideCompletionItems(document, position, token, context) {
                const linePrefix = document.lineAt(position).text.substr(0, position.character);
                if (!hasChinese(linePrefix)) {
                    return undefined;
                }

                const info = model.getWordUntilPosition(position);
                const range = {
                    startLineNumber: position.lineNumber,
                    startColumn: info.startColumn - 1,
                    endLineNumber: position.lineNumber,
                    endColumn: info.endColumn,
                };


                const reminds = starling.match(linePrefix)
                console.log('reminds: ', reminds);
                return [reminds].map(val => {
                    try {
                        return {
                            label: "<a label>",
                            kind: CompletionItemKind.Method,
                            range,
                            insertText: `$t('${val}', '${linePrefix.trim()}')`,
                            detail: "<a description>",
                        }
                    } catch(err) {
                        console.log('err: ', err);
                    }
                })
            }
        },
        ' '

推荐阅读