如何在 Vite 中使用带有 at 符号（'@'）的智能感知？

Question

使用 Vite 应用程序，我可以将其包含在我的 vite.config.js 中：

resolve: {
    alias: {
        "@": path.resolve(__dirname, "./src"),
    },
},

这允许我使用“@”符号（字符）作为路径名。这让我可以导入如下所示的内容：

import Home from "@/pages/Home.vue";

与此相反：

import Home from "../../../pages/Home.vue";

问题是，当使用“@”路径时，智能感知不会以任何有意义的方式显示，但当我使用“..”路径时，它会以任何有意义的方式显示。如何启用以“@”开头的路径智能感知

图片澄清了我的意思“使用'@'路径时，智能感知不会以任何有意义的方式显示”： 使用'..'路径

使用“@”路径

Answer 1

你还需要用jsconfig.jsonor tsconfig.jsonfile 告诉 vscode，例如：

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