PhpStorm支持vue.js @功能

问题

作为PHPer，最近在学习vue.js，但在开发过程当中，发现下面这样的相对绝对路径代码不能被很好地index

import list from "@/mixins/list";
import {} from "@/..."
复制代码

解决方式

进入设置，找到Languages & Frameworks > JavaScript > Webpack

路径设置为:

(项目目录)\node_modules@vue\cli-service\webpack.config.js

PS. 只对当前项目有效。每一个项目须独立设置。

IDE从新index（或重启IDE）后就能使用Ctrl+左键索引文件，而且@也能提示目录进行填写。