Как я могу перейти к реализации углового исходного кода?

Question

Как мы можем перейти к реализации углового исходного кода в IntelliJ Idea (Ultimate)?

например, когда я нажимаю CTRL + 1003 *, среда IDE приведет меня к объявлению в 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.

Теперь в IDE будет установлена ​​библиотека Angular, но имейте в виду, что это не повлияет на компиляциюваши проекты.Он будет просто включать исходный код с функциями intellisense, а когда вы нажмете CTRL + CLICK на определение Angular, вы попадете прямо в исходный код.