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+左鍵索引文件，而且@也能提示目錄進行填寫。