在使用 phpstorm/webstorm 进行前端开发的时候，一般会设置 alias，比如@，但在 IDEA 中，如果项目是 vite/vuejs 的时候 ，无法识别路径。
网上教程很多，什么设置.eslintrc.js / jsconfig.json / tsconfig.json 之类的，但其实重启 IDE 后仍然无法识别。
查了一下资料，原来目前 phpstorm 对@的 alias，只支持 webpack，也就是说，如果你的前端项目是 webpack 的，其实是能够识别的。因此，只要在项目根目录下，随便建一个文件，尽量不要叫 webpack.config.js，以防被项目自动识别。你可以建一个 alias.config.js，内容如下：
JavaScript代码
- const path = require("path");
- module.exports = {
- resolve: {
- alias: {
- '@': path.resolve(__dirname, 'resources/js'),
- '~': path.resolve(__dirname, 'resources')
- }
- }
- }
看到这个 resource/js 就知道当前是在 laravel 项目下面了。
在 Ide 的 setting中 ：
Languaes & Frameworks > Javascript > Webpack ，选择手动，指定 alias.config.js ，确定后，再打开 *.vue 文件，会发现原来的 import 文件都能够自动识别了。