vue引入组件通常是这样子的
import aaa from '@/aaa/ggg/aaa'
但是使用idea开发,按住ctrl点击路径无法跳转
可以这样子,建一个js文件,建议放在根目录下,跟package.json同级否则无法获得正确路径,名字随便起,我这个文件叫做alais.config.js
,文件内容是这样的:
/* 此文件未使用,只是为了让idea可以识别实际位置 */
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
resolve: {
alias: {
'@': resolve('src')
}
}
};
然后在idea的settings中配置一下这个文件。
搜索webpack关键词,在Languages & Frameworks这一栏下面有个webpack,具体路径在File | Settings | Languages & Frameworks | JavaScript | Webpack
然后选择webpack的配置文件为我们刚才新建的那个文件。
ok,大功告成,按住ctrl点击路径可以跳转,按住ctrl点击组件的标签也可以跳转。