如何使 Visual Studio Code 使用路徑映射進行自動導入？

Question

我想在我的項目中使用絕對路徑以避免丑陋的路徑，並在項目樹中的任何文件處進行持續導入。

我在tsconfig.json中添加了這個

"paths": {
  "@myapp/*": ["*", "app/*"]
}

我現在可以使用import {... } from '@myapp/...'這樣的工作導入，但從 Visual Studio Code 自動導入仍然是相對的。

我在settings.json中嘗試了這個（如https://blog.angulartraining.com/path-mapping-with-typescript-cac16d12c416中所寫）

"editor.codeActionsOnSave": {
    "source.organizeImports": true
}

但這沒有幫助。 如何使 Visual Studio Code 的自動導入使用路徑映射。 另外，是否有工具可以幫助我重構所有代碼？

Answer 1

1. 導航到VSCode上的File>Preferences>Settings>User Settings

2. 設置"typescript.preferences.importModuleSpecifier": "non-relative"

Answer 2

如果您同時擁有 - 映射路徑和相對路徑 - 在PR #40637之后，您可以使用

"typescript.preferences.importModuleSpecifier": "shortest"