如何使 Visual Studio Code 使用路径映射进行自动导入？答案

【问题标题】：How to make Visual Studio Code use path mappings for automatic imports?如何使 Visual Studio Code 使用路径映射进行自动导入？
【发布时间】：2020-01-05 18:15:29
【问题描述】：

我想在我的项目中使用绝对路径以避免丑陋的路径，并在项目树中的任何位置进行持续导入。

我在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 的自动导入使用路径映射。另外，是否有工具可以帮助我重构所有代码？

【问题讨论】：

标签： javascript angular typescript visual-studio-code

【解决方案1】：

在 VSCode 上导航到File>Preferences>Settings>User Settings
设置"typescript.preferences.importModuleSpecifier": "non-relative"

【讨论】：