时间戳

首页 > 解决方案 > 如何使 Visual Studio Code 使用路径映射进行自动导入？

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

问题描述

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

我已经在tsconfig.json

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

我现在可以进行工作导入，import { ... } from '@myapp/...'但从 Visual Studio Code 自动导入仍然是相对的。

我在（如https://blog.angulartraining.com/path-mapping-with-typescript-cac16d12c416settings.json中所写）中尝试了这个

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

但这没有帮助。如何使 Visual Studio Code 的自动导入使用路径映射。另外，是否有工具可以帮助我重构所有代码？

标签： javascriptangulartypescriptvisual-studio-code

解决方案

  1. 导航到File>Preferences>Settings>User SettingsVSCode

  2. 放"typescript.preferences.importModuleSpecifier": "non-relative"

推荐阅读