Intellisence does not pop up when using autocomplete for vue attributes

[jzymx50]

• I have searched through existing issues
• I have read through docs
• I have read FAQ
• I have tried restarting VS Code or running Vetur: Restart VLS

Info

• Platform: Win
• Vetur version: 0.35.0
• VS Code version: 1.62.2

Problem

Intellisense will not work if you use autocomplete for vue attributes, such as v-if, @click. However, if you manually type v-if="", intellisense works properly.

Reproducible Case

Create a project with vue-cli, and try to use the intellisense in the default .vue file.

[jzymx50]

Okay, finally I found out it was related to VS Code's settings. By default, IntelliSense will not be triggered before you fully complete the code snippet. (I am not sure whether the v-if autocomplete by Vetur is a kind of snippet or not. )

Therefore, if you want to use IntelliSense inside of code-snippet-generated vue attributes, such as v-if, @click, you have two options:

• manually trigger the IntelliSense by typing Ctrl + Space
• toggle the VS Code' setting snippetsPreventQuickSuggestions to be false 👇

VS Code set it true on purpose since Tab is used to confirm the selection in IntelliSense but also it is used to jump to the next cursor in the code snippets. (You may not want quick suggestions to pop up when tying i in, for example, a for loop snippet.)

I recommend mentioning this setting in the documentation for better user experience. ☺ @yoyo930021