​1、适用于 idea 2023.2.4+

原来是 idea 2023.2.1 ，突然发现 @/路径不能识别了，经确认 idea 自动升级到2023.2.4
参考[1]
解决 IDEA下VUE项目 @符号无法识别的问题 https://blog.csdn.net/weixin_44022996/article/details/134580063

vue项目下 新建jsconfig.json ，重启idea ,idea 自动扫码索引即可识别
或 File -> invalidate caches 然后点击 just restart

{
 "compilerOptions": {
   "baseUrl": "./",
   "paths": {
     "@/*": [
       "src/*"
     ]
   }
 },
 "exclude": [
   "node_modules",
   "dist"
 ]
}

​2、适用于 idea 2023.2.1 -

idea 打开vue 不能识别@路径 https://blog.csdn.net/lmj3732018/article/details/123083479

第一步：

vue项目下自定义一个文件，如webpath.config.js,内容为：

'use script'
const path = require('path');
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    resolve: {
        alias: {
            '@': resolve('src')
        }
    }
};

第二步：

File > Settings > Languages & Frameworks > JavaScript > Webpack

设置 webpack configuration file为webpath.config.js

第三步：

重启idea，解决