方法1 webStrom2021以及之前
1 找到webstrom设置
preferences > Languages & Frameworkes > JavaScript > Webpack
2 改为手动(Manually),目录选择当前项目目录的下的
node_module/@vue/cli-service/webpack.config.js
方法2 webStrom2022或者方法1不行的时候
1 根目录新建alias.config.js
/**
* 本文件对项目无任何作用,仅作为 WebStorm 识别别名用
* 进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack,选择这个文件即可
* */
const resolve = dir => require('path').join(__dirname, dir);
module.exports = {
resolve: {
alias: {
'@': resolve('src')
}
}
};
2 找到webstrom设置
preferences > Languages & Frameworkes > JavaScript > Webpack
3 改为手动(Manually),目录选择刚才创建的文件