如何在 WebStorm / PhpStorm 中为自定义 Angular 库启用自动导入？

Question

我正在尝试创建一个包含一些组件的 Angular 9 库，并且类我在不同的项目中使用。我做了什么：

ng new my-lib-project --create-application=false
cd my-lib-project
ng generate library my-lib --prefix lb
我在 projects/my-lib/src/lib/ 中创建了一个测试-class.ts 文件，其中包含一个简单的 LibTestClass 定义（见下文）
我在 public-api.ts 文件中添加了行 export * from './lib/test-class';。
我调用了ng build my-lib并将结果复制到myOtherProject/node_modules/

问题： 当我在 myOtherProject 的 app.component.ts 文件中键入 const test = new LibTestClass(); 时，PhpStorm 不显示导入提示以轻松添加导入行对于测试类。我怎样才能让这个自动导入适用于我的自定义库？

更多信息：

测试-class.ts:

export class LibTestClass {

  private test = '';

  constructor() {}
}

Answer 1

感谢@lena，我找到了答案：为了为您的 Angular 库启用导入提示，您必须为您的库构建安装（本地）依赖项。就我而言，解决方案是：

npm install --save ../my-lib-project/dist/my-lib

这会创建一个 link 到您的库的本地构建，并在您构建您的库时自动更新。我建议在开发中使用 ng build --watch。

How to enable auto import for custom Angular library in WebStorm / PhpStorm?