After saving the document, the newly added autocomplete items do not appear in the autocomplete list

Question

After saving the document, the newly added autocomplete items do not appear in the autocomplete list

This particular sample appears to function correctly until it is saved. While using "Untitled-1" everything works as expected, but once saved as "test.py", the item does not get added to the autocomplete list. Despite running "npm install" in the directory multiple times, the issue persists. The file extensions that do not work are:

.ts
.c
.cpp
.js
.py
.sh

However, these extensions do work:

No extension (unsaved)
.txt

The problem was also reproduced on a Windows machine. To replicate the issue, follow these steps:

Clone the Git repository
Run "npm install" in the completions-sample folder
Open the completions-sample folder in vscode
Select "Start Debugging" under "Debug" to run the extension
Create a new file without saving
Press ctrl+shift+p and choose "Trigger Suggest". A menu should appear with items from the extension code like "Hello World!"
Add an extension to the file by saving it, such as ".py". Repeat step 5, and notice that the menu no longer includes custom autocomplete items.

This was tested on:

Ubuntu 18.04.2 LTS
vscode 1.41.0

typescript visual-studio-code

Answer 1

Answer №1

When I reached out for assistance on the official vscode repository, I learned that in order to make autocomplete items appear, it is necessary to modify the language identifier. By default, it is "plaintext," which restricts the appearance of autocomplete items to plaintext documents only.

let provider = vscode.languages.registerCompletionItemProvider('plaintext', {

    provideCompletionItems(document: vscode.TextDocument, position: vscode.Position, token: vscode.CancellationToken, context: vscode.CompletionContext) {

        // A basic completion item that inserts 'Hello World!'
        const simpleCompletion = new vscode.CompletionItem('Hello World!');

        // Returns all completion items as an array
        return [
            simpleCompletion
        ];
    }
});

If I wish for the items to be visible in Python documents, I can identify its language ID on this page and update the code like so:

let provider = vscode.languages.registerCompletionItemProvider('python', {

    provideCompletionItems(document: vscode.TextDocument, position: vscode.Position, token: vscode.CancellationToken, context: vscode.CompletionContext) {

        // A basic completion item that inserts 'Hello World!'
        const simpleCompletion = new vscode.CompletionItem('Hello World!');

        // Returns all completion items as an array
        return [
            simpleCompletion
        ];
    }
});

Answer 2

When I reached out for assistance on the official vscode repository, I learned that in order to make autocomplete items appear, it is necessary to modify the language identifier. By default, it is "plaintext," which restricts the appearance of autocomplete items to plaintext documents only.

let provider = vscode.languages.registerCompletionItemProvider('plaintext', {

    provideCompletionItems(document: vscode.TextDocument, position: vscode.Position, token: vscode.CancellationToken, context: vscode.CompletionContext) {

        // A basic completion item that inserts 'Hello World!'
        const simpleCompletion = new vscode.CompletionItem('Hello World!');

        // Returns all completion items as an array
        return [
            simpleCompletion
        ];
    }
});

If I wish for the items to be visible in Python documents, I can identify its language ID on this page and update the code like so:

let provider = vscode.languages.registerCompletionItemProvider('python', {

    provideCompletionItems(document: vscode.TextDocument, position: vscode.Position, token: vscode.CancellationToken, context: vscode.CompletionContext) {

        // A basic completion item that inserts 'Hello World!'
        const simpleCompletion = new vscode.CompletionItem('Hello World!');

        // Returns all completion items as an array
        return [
            simpleCompletion
        ];
    }
});

After saving the document, the newly added autocomplete items do not appear in the autocomplete list

Answer №1

Similar questions

Transforming a JavaScript chained setter into TypeScript

Step-by-step guide for inputting a sophisticated formula in exceljs using JavaScript

The TypeScript error reads: "An element is implicitly assigned the 'any' type because an expression of type 'any' cannot be used to index a specific type."

Incorporating docsify CSS styling into Markdown within the VScode environment

Is there a way to modify an image that has been dynamically inserted in an Angular application?

Error: Trying to define multiple classes in the same file results in a ReferenceError for undefined Object

Utilizing NgRx 8 Actions in Conjunction with NgRx 7 Reducers: An Implementation

Validation of ngModel in Angular for a subcomponent form

Converting Typescript fat arrow syntax to regular Javascript syntax

When executing the project, the information fails to appear on the screen

Some elements that fit the criteria of 'number | function' are not callable at all

Using Typescript to specify the type of data returned from a POST request

The identifier 'id' is not recognized within the 'never' type in Angular

How to call a function within a component from another component without encountering the "Cannot read property" error

What is the reason behind the Partial input basic type returning itself?

Sending properties via react router link in TypeScript

How can I use Typescript to define a function that accepts a particular string as an argument and returns another specific string?

Extracting Table(Array) Index into a Component in Angular

Step-by-Step Tutorial: Displaying Loading Text in Child Components with Angular 4

Using dictionary keys as valid property values