VSCode Intellisense TypeScript：排除路径中引用的路径

Question

我在一个 Angular 应用程序上工作，其中一些代码分组到他们自己的 (npm) 项目中，以便其他应用程序可以引用它们。

当我在app文件夹中编写代码时，VSCode 的 Intellisense 建议自动导入以下路径，这两种路径都有效：

import 'FooComponent' from module "../../../projects/company/shared/src/foo/foo.component";
import 'FooComponent' from module "@company/shared";

我的目标是使"@company/shared"导入成为默认选择。 如果能完全隐藏相对路径就更好了。 到目前为止，我已经尝试过：

1. typescript.preferences.importModuleSpecifier: non-relative
2. typescript.preferences.importModuleSpecifierEnding: minimal
3. 指定路径后排除 tsconfig.json 中的目录。

到目前为止，这些还没有解决我的问题。

我有一个类似于此的 Angular 项目结构：

ApplicationName
  - dist
  - e2e
  - node_modules
  - projects
    - company
      - domain
      - shared
  - src
    - app
  tsconfig.json

在tsconfig.json中，我在paths中引用了shared项目：

{ 
  "compilerOptions": {
    // standard stuff
    "baseUrl": "src",
    "paths": {
      @company/domain: [
        ../projects/company/domain/src/public-api
      ],
      @company/shared: [
        ../projects/company/shared/src/public-api
      ]
    },
    "exclude": [
      "./dist/**,",
      "**/projects/company"
    ]
}

有没有办法隐藏长的"../../../projects/company/shared/src/foo/foo.component"导入建议？ 当foo有多个自动完成建议时，它会占用默认值并添加噪音。

Answer 1

In my case, I had to remove all the typescript import extension (auto import, typescript hero, typescript importer), then changing my: typescript.preferences.importModuleSpecifier from relative to project-relative.

Answer 2

添加

"typescript.preferences.importModuleSpecifier": "project-relative"

vscode 中的settings.json对我有用。

我必须重新启动 TS 服务器才能显示出来。 （命令面板 --> Typescript: Restart TS Server 。）

现在默认的导入建议是@company/packageName ，这正是我想要的。