Vueのプロジェクト内の参照関係がわからない

Question

Vueのプロジェクトを引き継がれたのですが
呼び出されるメソッドやjsの定数等の資料が全くなく
各画面のコードから推測して、部品のフォルダを確認していって
呼ばれているものを自力で探さないといけない状況になっています。

そこでですが、vueにてIDEのような呼び出し元や先が実行したときのようにわかるようなものはないでしょうか
イメージとしてはEclipseやIntelliJのようなctrl押しながらクリックしたときに定義が表示されるようなものです。

vueのプロジェクト自体が触ったことがない状態での質問で申し訳ありませんがよろしくお願いします。

Answer 1

IntelliJ系のIDEをお使いならVueプラグインをインストールすればCTRLクリックで定義に飛べます。
自分はRailsメインなのでRubyMineを使っていますが、IntelliJ系のIDEならどれでもVueプラグインを導入可能だと思いますので試してみてはいかがでしょうか。

Comments

[ketyOnVas]

回答ありがとうございます。
IntelliJのプラグインはUltimateのみのようで（マーケットプレイスにもあるかもしれませんが）
手軽さを取りましてVScodeの方で挑戦しようと思います。
ご教授いただいたのにすみません。

Answer 2

VisualStudioCodeなどのエディタに拡張機能として公開されてますよ。
「エディタ名 vue」などで検索してみてください。

Comments

[ketyOnVas]

回答ありがとうございます。
Veturを導入することにしました。
残念ながらhtmlと同じようでタグ内の定義は慣れるまで自力で探さないといけいようでした。
手軽なVScodeをご紹介いただいたのでこちらをベストアンサーとさせていただきました。