我如何去执行有角度的源代码？

Question

我们如何跳到IntelliJ Idea（Ultimate）中的角度源代码实现？

例如按住CTRL键单击Validators.max时，IDE会将我带到validators.d.ts中的声明-但我想在validators.ts文件中查看实际的源代码。

在Java应用程序中，我们可以attach sources罐文件，以使此功能正常工作。

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 + CLICK Angular定义时，它将直接带您到源代码。