How to set up Visual Studio Code to work with Vue.js in the same way as webstorm?

Question

Vue.js

I am working on a project in webstorm.
But at home on the laptop only VSC
I experience some inconvenience and do not know how to solve them.
1. setting the root path through @.
in WS

import vTable from "@/components/DJobsTable/v-djobs-table";

but VSC does not see it, only through ./
It also does not go to the imported component if the .vue file extension is not specified

2. Vuex is used.
webstorm highlights getters and actions of plug-ins (the store is divided into modules).
This is not the case with VSC. If the name of the action has changed, then webstorm in the component will highlight the error, not in VSC.

3. in webstorm with ctrl pressed, I can go to the source code by clicking on the vuex action in the component.

Please help me fix these things.

Answer 1

For VSCode and Vue, the Vetur extension is a must-have.