VSCode extension that enables Ctrl/Cmd+Click navigation to Vuex state, getters, and mutations across .vue, .js, and .ts files with alias and path resolution support.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Vuex Reference Helper is a VSCode extension that enables Ctrl/Cmd+Click navigation to Vuex state, getters, mutations and modules across .vue, .js, and .ts files.
It also supports alias and path resolution, making it easier to jump directly to Vuex definitions in large projects.
Features
Navigate to Vuex state, getters, and mutations definitions via Ctrl/Cmd+Click.
Works seamlessly in .vue, .js, and .ts files.
Supports Vuex modules and namespaces (recursively resolved).
Respects project alias paths (e.g. @/store).
Helps reduce context-switching between files while working with Vuex.
📷 Demo1 - Navigation
Requirements
VS Code v1.102.0 or higher.
Project must use Vuex (createStore entry file should be defined).
import as different name like createStore as cs is supported
If you use path aliases (e.g. @), ensure they are configured in:
jsconfig.json or tsconfig.json
Usage
Open a Vuex-based Vue project.
Hold Ctrl (Windows/Linux) or Cmd (Mac) and click:
Vuex state references → jumps to definition.
Vuex getters references → jumps to getter function.
Vuex mutations references → jumps to mutation handler.
