This extension extends Vue code editing with Go To Definition and Peek Definition support. It helps us quickly jump to or peek the file where the vuex property defined from a .vue component.
You can also use Ctrl + click to jump to the postion where the vuex property defined.
How to use
Whene we reference the vuex property in our .vue components, it's not a regular uri. So we must follow some rules for parsing the path. This includes:
Put all your store files in store folder, if you only use a store.js, it won't be useful.
You need to separate store to different files, like this:
You need to add prefix for alias when you use in .vue components:
// Add `vxs` for State alias
vxsAccountInfo: state => state.account.accountInfo
// Add `vxg` for Getters alias
// Add `vxa` for Actions alias
// Add `vxm` for Mutations alias
Configure the path of store folder in settings.json, like this: