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