问题

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配置文件。