PhpStorm支持vue.js @功能

875 阅读1分钟

问题

做为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+左键索引文件,并且@也能提示目录进行填写。