javascriptvue.jsvisual-studio-codequasar-frameworkquasar

Default Quasar app in VSCode with recommend extensions has no IntelliSense code completion for Quasar components


I created a default Quasar project in VSCode and have the recommended extensions. The Quasar version is 2.6.0. The Quasar docs on VSCode configuration state, "If you created your project with Quasar CLI, you already have the recommended VS Code configuration." However, when I create a default project with Quasar CLI, auto-complete does not with Quasar components, just standard Vue components. For example, typing <q-b in the template should suggest <q-btn>, but there is no suggestion. Typing < is enough to bring up a list of suggested Vue components. Interestingly, the Quasar learning project Takeoff does have auto-complete when I clone it from Github. I am using the same IDE and extensions with both projects, so the project files have to be the issue, but the Quasar docs say auto-complete should work out of the box. What am I missing here?

I expected auto-completion to work out of the box, but it isn't. I have tried switching between Volar and Vetur, but neither provide Quasar component auto-completion. I have tried running both Webpack and Vite servers but it didn't make a difference. I have restarted VSCode after each of these changes.


Solution

  • There is no such feature as Auto-completion of components in Quasar.

    Only IntelliSense can provide you some suggestions based on the components it knows the existence or maybe some Typescript configuration.