vue3 ts 将@指向根目录

在 Vue3 中使用 TypeScript，当你想要将装饰器 `@` 指向项目根目录的类型声明文件时，你需要设置 TypeScript 的配置。通常在 `.tsconfig.json` 文件中，你可以修改 `paths` 或 `resolve.alias` 配置项来映射路径。

例如：

{
  "compilerOptions": {
    "baseUrl": "./", // 设置基本目录为相对于当前文件的相对路径，表示从根目录开始
    "paths": { // 定义别名
      "@/*": ["src/types/*"], // 将 @ 映射到 src/types 目录下的所有.ts文件
      // 如果你想同时支持 js 和 ts 文件，可以添加其他映射
      "@components/*": ["src/components/*.js", "src/components/*.ts"],
      "@services/*": ["src/services/*.js", "src/services/*.ts"]
    }
  },
  // ... 其他配置
}

这样，在你的代码中，如果你使用 `@Component`、`@Service` 等装饰器，它们会自动解析为你指定的根目录下的对应类型的声明。记得在引入这些类型时使用相应的别名，如 `import { Component } from '@/types/components'`。