问题

vite项目模板中，应用的ts配置内容写在tsconfig.app.json文件中，并在tsconfig.json通过项目引用的方式导入

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.node.json"
    }
  ]
}

如果在tsconfig.app.json文件中配置路径别名

{
  "compilerOptions": {
    "composite": true,
    ...
        /* alias paths */
    "paths": {
      "@*": [
        "./src/*"
      ]
    }
  },
}

项目可以正确被构建，但是在编码的过程中，webstorm不会自动感知提示这个别名路径，也无法快速跳转到定义

解决

webstorm菜单->File->Settings->File Types

在 Recognized File Types 中的 TypeScript Config 项目中，增加： tsconfig.app.json 文件名样式，即可解决。同理适用于其他文件名的ts配置文件。