vue cli中配置的路徑的別名悄雅，但是webstorm卻無法識(shí)別， 沒辦法自動(dòng)提示路徑和鼠標(biāo)點(diǎn)擊跳轉(zhuǎn)的汰具，解決方法如下：
在項(xiàng)目根目錄中新建一個(gè)文件 .ide.alias.resovle.js
如果是多人共同開發(fā)建議將此文件添加到版本管理中讽膏，如果有的話 ：）
然后在文件中寫入如下代碼（自行修改代碼中的別名和路徑）：
module.exports = {
resolve: {
alias: {
"@": require("path").resolve(__dirname, "src"),
"a@": require("path").resolve(__dirname, "src/applications"),
"m@": require("path").resolve(__dirname, "src/modules/public"),
"s@": require("path").resolve(__dirname, "src/static/style"),
"c@": require("path").resolve(__dirname, "src/components"),
"module@": require("path").resolve(__dirname, "src/modules"),
}
}
};
然后打開webstorm，在菜單欄中打開settings：
image
然后在左側(cè)找到 Languages & Frameworks > Javascript > Webpack 配置
然后在右側(cè) webpack configuration file 輸入框中填寫上面創(chuàng)建文件的 絕對(duì)路徑棚瘟，注意是 絕對(duì)路徑
image
然后點(diǎn)擊有下方 OK 按鈕保存即可
開始享受vue的別名路徑的自動(dòng)提示以及ctrl+左鍵跳轉(zhuǎn)功能吧
image
