带有 Vue CLI 3 的项目的导入路径上的 WebStorm 中的 Intellisense（代码完成辅助）不适用于 Vue.js

Posted 2023-04-13

【中文标题】带有 Vue CLI 3 的项目的导入路径上的 WebStorm 中的 Intellisense（代码完成辅助）不适用于 Vue.js

【英文标题】：Intellisense (code completion aid) in WebStorm on import paths for Project with Vue CLI 3 is not working for Vue.js

【发布时间】：2019-05-25 12:27:03

【问题描述】：

我最近使用 Vue CLI 3 创建了一个项目，并试图通过智能感知获取导入路径，例如：

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

除非它是一个 npm 包，否则 WebStorm 没有为我提供路径补全，比如如果写 @/ 它应该列出别名 @ 下的所有文件夹或文件 我相信这是由于缺少 webpack.config.js

【参考方案1】：

转到：首选项 |语言和框架 | javascript |网页包 在 Webstorm 中，选择此文件 /choose/directory/to/current/project/node_modules/@vue/cli-service/webpack.config.js 作为您的 webpack configuration file，然后单击 应用

现在导航到您的项目并尝试完成导入路径，您应该会获得智能感知