Configuration

Compatibility#

If JetBrains Vue.js (org.jetbrains.plugins.vue) is enabled, follow Vue.js Pro’s notification action to disable it and restart. Two active handlers for .vue files can cause conflicting behavior.

Plugin and editor settings#

Search Settings for Vue.js Pro. Use Editor → Color Scheme, Code Style, and Inspections to adjust source appearance and Vue checks. Language injection inside SFC blocks depends on the host IDE’s available JavaScript, TypeScript, CSS, SCSS, Less, and Pug support.

Project scripts#

Use the project’s installed dependencies and package-manager lockfile. Run configurations generated by the Vue wizard reflect scripts actually present in package.json; inspect their working directory before changing commands.

Router and Pinia#

Keep route and store declarations inside indexed project roots. The plugin reads named routes and defineStore() declarations to provide completion, navigation, and inspections. Dynamically computed names may not be statically discoverable.