如何使 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"