Visual studio code - Intellisense auto complete behaviour

Question

I'm pretty new to Visual studio code. I am using Visual studio code for AngularJS application development. As I am from a .NET development background, I'm much fond of intellisense feature in visual studio code. But I could feel something is missing in this. When I type any Object name, autocomplete box pops up with suggestion, when I select the respective item and press period, the object name is not complete. Example: assume the object name is SampleObject. When I start typing "Sam", suggestion pop up lists "SampleObject". Once I select this name and press period, the output is "Sam." and not as "SampleObject." Any setting has to be added for the expected behaviour? Your help is much appreciated.

Thanks.

Ctrl+Space opens suggestion pop up. That happens when you start typing the keyword/object name. My query is about the next part. Selecting the items in list and press period. — Sakthirajesh N, May 25 '16 at 12:06
What version of VS Code are you running? I cannot replicate this in 1.1.1 on Windows 10. — Gareth Oates, May 25 '16 at 12:07
Also, this behavior, you are finding in which page? like `js`, `html` or all of them? — Guruprasad J Rao, May 25 '16 at 12:09
I am running VS Code 1.1.0 on Windows 7 X64. I could observe this behavior in js file, I have not checked in other files. — Sakthirajesh N, May 25 '16 at 12:32
The above issue is not observed when I press "tab" or "enter" — Sakthirajesh N, May 25 '16 at 12:55

score 12 · Accepted Answer · edited Feb 09 '23 at 09:36

12

I posted the same query in VScode git hub issues forum. I got the following reply.

You can add the snippet below to your keyboard shortcut configuration to the VS Code to accept a suggestion and insert the dot when pressing .

{
    "key": ".",
    "command": "^acceptSelectedSuggestion",
    "when": "editorTextFocus && suggestWidgetVisible && suggestionSupportsAcceptOnKey && editorLangId == 'javascript'"
}

This worked.

edited Feb 09 '23 at 09:36

Julius Babies

955
3
6
22

answered May 26 '16 at 09:30

Sakthirajesh N

181
1
7

More information on Visual Studio Code keyboard shortcuts can be found here: https://code.visualstudio.com/docs/customization/keybindings#_customizing-shortcuts – dotarj Nov 21 '16 at 12:05
Added the same for "space" (also consistent with visual studio). I don't see any reason to include `suggestionSupportsAcceptOnKey` or `editorLangId == 'javascript'` either; just do it, dammit. – dudeNumber4 Nov 04 '19 at 19:47

score 0 · Answer 2 · answered Nov 02 '20 at 07:28

VSCode 1.51 (Oct. 2020) will make those choices more visible with:

Status bar for suggestions

The suggestions control can now also show its own status bar at the bottom of the window.
Enable it using the editor.suggestStatusBar.enable setting.
It makes toggling details simpler, and shows if a completion supports inserting, replacing, or both.

^{Theme: GitHub Light, Font: FiraCode}

In the sample above, selecting "Insert" results in Math.floorceil and selecting "Replace" results in Math.floor.

The new editor.suggest.insertMode setting allows you to configure whether you prefer insert or replace.
When a suggestion supports both, your preference will be the default.

Note that you also have the setting editor.tabCompletion to force "replace" to be the default, instead of "insert".

Visual studio code - Intellisense auto complete behaviour

2 Answers2

Status bar for suggestions

Linked