Angularのコンポーネントやモジュールの依存関係の出力方法

Question

前提・確認したいこと

• Flashから移行したAngularの既存システムがあります。
• コンポーネントやモジュールの構造を理解したいため、一覧形式で出力することなどは可能なのでしょうか？
• 現在はimportやdeclarationsの記述を下に、逐一確認しているため、何か出力手段がないかなと思い確認させて頂きました。

Comments

[miyabi_pudding]

IDEは何を使っていますか？

IDEによっては、
各スクリプトのつながりを統合的に検知できるものもあります。

[tij8og1n9nm8]

質問ありがとうございます、VSCodeを使用しています。

Answer 1

まず、Visual Studio Codeにて、
プロジェクト設定をして下さい。
そうすれば、
ディレクトリー構造表示の下に、
各メソッドや変数などが羅列されます。
また、プロジェクト設定をすれば、
Ctrl（か、Cmmd）を押しながら各変数をクリックすると、定義ファイル、箇所にジャンプすることができます。

JavaScriptもTypeScriptも両方それでいけます。

treeなどで一覧化して見る手段はないものかなと思い

今のところないかと思われます。
Angular化した張本人に聞くか、
自身で、紙に書き出すなどして、
地道に紐解くしかないかと。

Comments

[tij8og1n9nm8]

ありがとうございます、回答して頂いたように都度都度定義元にジャンプしているのですが、構造が複雑で効率が悪いため、treeなどで一覧化して見る手段はないものかなと思い質問させて頂きました。

[miyabi_pudding]

それは、質問文に書いた方がよさそうです。
自分がどこまでやって、どこからわからないのか、は明確にするのが大事かと。