vue3+ts+vite配置路径别名

1、安装 @types/node文件包：

npm i --save-dev @types/node

2.针对.ts文件在typescript对应的编译配置文件tsconfig.json写入以下代码：

{
  "compilerOptions": {
  // 解析非相对模块名的基准目录
    "baseUrl": "./",
    // 模块名到基于 baseUrl的路径映射的列表。
    "paths": {
      "@": ["src"],
      "@/*": ["src/*"]
    },
  //...
}

2.针对.vue文件在项目的src目录下新建vite-env.d.ts，写入以下内容:

/// <reference types="vite/client" />

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}