第一步

vite.config.ts

   alias: {
      "@": resovePath("src"),
    },

第二步

tsconfig.json

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

解决ts 和 vue 文件的相互导入找不到模块

根目录 或 src 下新建 env.d.ts 文件

// 解决ts 和 vue 文件的相互导入找不到模块
declare module "*.vue" {
  import { defineComponent } from "vue";
  const Component: ReturnType<typeof defineComponent>;
  export default Component;
}