将自动导入的样式从`~/directory/file`更改为`@/directory/file`？

Question

这是一个愚蠢的问题，但它困扰着我。我有一个使用 Vscode 构建的 Nuxt3 应用程序。任何时候我有自动导入的东西，Vscode 都会自动使用

~/directory/file

前缀导入，我更喜欢它使用

@/directory/file

前缀导入。我可以更改一个简单的 Vscode 或 tsconfig 选项来更改此设置吗？

我现有的 tsconfig 仅扩展了 Nuxt 自带的：

{
  // https://nuxt.com/docs/guide/concepts/typescript
  "extends": "./.nuxt/tsconfig.json",
}

Answer 1

export default defineNuxtConfig({
  typescript: {
    tsConfig: {
      compilerOptions: {
        paths: {
          '@': ['.'],
          '@/*': ['./*'],
        },
      },
    },
  },
})