我怎样才能去执行Angular源代码呢？

Question

如何跳转到IntelliJ Idea（Ultimate）中Angular源代码的实现？

例如，当我按住 CTRL 键并单击Validators.maxIDE 时，将转到validators.d.ts- 中的声明，但我想查看validators.ts文件中的实际源代码。

在 Java 应用程序中，我们可以附加jar 文件的源，以使此功能发挥作用。

Answer 1

这些说明适用于 WebStorm，但我认为这些步骤与 IntelliJ 类似。

您需要将 Angular 源代码签出到一个目录，并且必须将源代码的版本与项目安装的版本相匹配。

所以在你的package.json文件中查找版本

"dependencies": {
    "@angular/common": "^7.1.3",
    "@angular/compiler": "^7.1.3",
    "@angular/core": "^7.1.3",
    ...
}

现在将该版本签出到本地目录（次要版本是 X）。

git clone https://github.com/angular/angular
cd angular
git checkout 7.1.x

在编辑器中转到File / Settings / Languages & Frameworks并选择JavaScript。

该对话框如下所示：

单击“添加...”按钮并打开“新库”对话框。输入“名称”为“Angular”，然后单击“+”按钮添加文件。选择“添加目录...”按钮并选择克隆 Angular 项目的目录。

现在，您将在 IDE 中安装 Angular 库，但请记住，这不会影响项目的编译。它只包含具有智能感知功能的源代码，当您按住 CTRL+单击 Angular 定义时，它将直接带您到源代码。