CODEWITHSUNDEEP
vue.jsvuejs2webstormvue-cli-3webpack.config.js
visar_uruqi
visar_uruqi

Reputation: 2494

Intellisense (code completion aid) in WebStorm on import paths for Project with Vue CLI 3 is not working for Vue.js

I created recently a project using Vue CLI 3 and was trying to get import paths through intellisense like:

import Dashboard from '@/views/Dashboard.vue'

and unless it is an npm package WebStorm didn't offer me path completion, like if write @/ it should list all the folders or files under alias @ this is I believe due to missing webpack.config.js

Upvotes: 0

Views: 270

Answers (1)

visar_uruqi
visar_uruqi

Reputation: 2494

Go to: Preferences | Languages & Frameworks | JavaScript | webpack in Webstorm, choose this file /choose/directory/to/current/project/node_modules/@vue/cli-service/webpack.config.js as your webpack configuration file and click Apply

now navigate to your project and try to complete an import path, you should get intellisens

Upvotes: 2

Related Questions