Visual Studio Codeのメソッドリスト


278

最近、Visual Studio Codeエディターの使用を開始しました。私は本当にそれを愛していますが、見つけられなかった重要な機能が1つあります(私にとって)。NetBeansのナビゲーターやVisual Studioのメンバードロップダウンに似たメソッドリストはありますか?



この不足している機能は、で追跡されているgithub.com/Microsoft/vscode/issues/5605
フォス

回答:


266

はい、workbench.action.gotoSymbolコマンドがあります。WindowsおよびLinuxでは、デフォルトでCTRL+ Shift+ Oに設定されています。

使用しているファイルタイプでこのコマンドを使用できない場合は、VSCode拡張機能を確認してください。すべての言語がこの機能をサポートしているわけではありません。


4
うーん、私が望んでいた行動ではありません。私はいくつかのファイルタイプを試しました。C++ファイルでは「残念ながらファイルのシンボル情報がありません」と表示され、Pythonでは「Python拡張にエラーが発生しました」と表示されます。
Jim Carr

まあ、私は運が悪いようです。別のPython拡張機能を試しましたが、「シンボル情報がありません」というエラーが表示されます。:(情報をお寄せいただきありがとうございます、しかし。
ジム・カー


他のショートカットキーマップを使用する場合、JavaScriptでうまく機能し、ショートカットが異なる場合があります
Ray1618

37
これに追加して、の:Ctrl+ Shift + Oにを押すと、結果はタイプごとにグループ化され、すべての関数が1つのサブリストにリストされます。
Aditya Vikas Devarapalli

184

更新:@ jeff-xiaoのコメントに記載されているように、この拡張機能は非推奨になり、Visual Studioコードの組み込み機能になりました。ファイルエクスプローラーの下部にある[アウトライン]ビューとして利用できるはずです。

前のテキスト:これをサポートする拡張機能があります。 コードの概要は[エクスプローラ]セクションにパネルを作成し、JavaScriptの場合、ファイル内の変数と関数をリストします。私はこれをしばらく使用しており、それが私が持っていたかゆみをひっかきます。他のコメンターは、PythonとPHPを十分にサポートしていると述べています。

まだ開発中のようですが問題はありません。GitHubで利用可能な開発バージョン。あなたがこれを読んでいる著者なら-ありがとう!

これはどのように見えるかです:
VSCodeのコードアウトラインプラグイン

コードアウトラインが表示されない場合は、次の方法で表示できます。 ここに画像の説明を入力してください


4
良い呼び出し、JavaScriptでうまく動作し、非表示のキーボードショートカットを探す必要はありません。
ジュリアンナイト

6
拡張機能は廃止されました:非推奨。Visual Studio Codeに付属のアウトラインビューを使用してください。
Xiao

Pythonでクラスのすべてのメソッドの表示をサポートしていないのは正しいですか?
エリックオールド

アウトラインビューでpythonファイルが何も表示されないことがあります。
nurp 2018

C ++にそのようなオプションはありますか?
ディクラ

118

コードの呼び出しGo to symbol

  • macOS:cmd+ shift+ ooゼロではなく文字)

  • Windows / Linux:ctrl+ shift+o

:呼び出し後にコロン()を入力すると、Go to symbolシンボルがタイプ(クラス、インターフェース、メソッド、プロパティ、変数)ごとにグループ化されます。次に、methodsセクションまでスクロールします。


3
PHPでも動作することを確認しましたが、PHPインテリセンスプラグインがインストールされていることに注意してください。それが何か違いを生むかどうかはわかりません。
Ignacio Segura 2017

メソッドを確認する簡単な方法がなければなりません。メソッドのセクションを見つけるために、他のアイテムのリストをスクロールするのはちょっと面倒です。それができない場合は、誰かがプラグインを作成してそれを行う必要があります。
18年

1
代わりに@と入力します。Go関数のリストの場合
Altimac

1
PHPで機能しない場合は、「PHPシンボル」プラグインがあり、確実に機能することを確認してください。
Neeraj Singh


17

VSCode 1.24あなたはそれを行うことができます。

EXPLORERサイドバーを右クリックしてチェックしますOutline


1
アウトラインを使用してjsクラスのメソッドを探索できません!
レジェンド

Javaでは問題なく動作します。vscode 2020更新バージョンを使用しています
oshan2csd

15

更新:拡張機能が組み込まれ、拡張自体が廃止されました

私はこの拡張を見つけました:コードの概要。これは次のようになります。


こんな感じです


私はそれがあなたが探していたものだと信じています。


1
この拡張機能は存在しません。機能がVSCodeに組み込まれているため、公開されていないと思います。
Gama11

13

現在、そのような機能はありません。CTRL+ SHIFT+ O== CTRL+ P@はすべての言語で機能するわけではありません。

最後の手段として、検索パネルを使用することができます-それほど速くはありませんが、使いやすいとは言えません-この正規表現を検索パネルに入力して、すべての機能を見つけることができます。

function\s([_A-Za-z0-9]+)\s*\(

5

PHPユーザーの場合:)

  1. ' PHP Symbol 'プラグインがあることを確認してください。そうすれば、 ' OUTLINE 'サイドバーの下部にあるすべてのメソッドとクラスを取得できます。

  2. プレス⌘ command+ ⇧ shift+ O"のMacOS"またはでCtrl+ Shift+ Oの"Windows"を使用しながら、

概要: ここに画像の説明を入力してください

@シンボル: ここに画像の説明を入力してください


4

これはこの質問への回答の追加部分ですが、私はそれが役に立つかもしれないと思いました。多くの人が述べたように、Visual Studio Codeには、さまざまな機能を参照して側面に表示する機能を提供するOUTLINE部分があります。

また、フォローカーソルマークをオンにすると、アウトラインビューでその関数名が強調表示されるので、現在の関数を参照して確認するのに非常に役立ちます。

ここに画像の説明を入力してください


4

Visual Studio Codeマーケットプレイスには、コードファイル内のメソッドのみをナビゲートするためのGo To Methodという非常に優れた拡張機能があります。

ヒットCtrl+ Shift+ Pと入力しinstall extensions、Enterキーを押します

ここに画像の説明を入力してください

今、入力Add to methodの拡張機能の市場の場所の検索ボックスに入力し、Enterを押します。

ここに画像の説明を入力してください

クリック installして拡張機能をインストールします。

最後のステップは、キーボードショートカットをコマンドにバインドしworkbench.action.gotoMethodて、開発者にとって本当の生産性を実現することです。



3

2020バージョンのVSCode
Cmd+P

  • # -ファイル全体でシンボルを検索
  • @ -ファイル内のシンボルを検索
  • @: -ファイル内のグループシンボル

ファイル内のシンボル VSコードv1.44.0


2
ctrl+shift+o // This should work for javascript files by default

PHPの場合、拡張機能をインストールします PHP SYMBOLSをます。

PYTHONの場合、拡張機能をインストールします PYTHONを

リロード時に、これは正常に動作します


2
またCtrl+P、入力して入力することもでき@ます。これにより、ファイル内のすべての関数/シンボルがリストされます。そして、タイプするとき@function_name、記号に対してあいまいな文字列検索を行います。
Roopak A Nelliat 2018

はい、いい提案ですが、ctrl + shift + oがシングルステップであるため、2つのステップが必要であることがわかります。:)
Moh .S 2018


1

ファイル内のすべての関数定義をリストするshow functionsというプラグインがあります。また、関数を並べ替えて簡単に検索することもできます。


2
ソリューションへのリンクを歓迎しますが、それがなくても回答が役立つことを確認してください。リンクの周りにコンテキストを追加して、他のユーザーがそれが何であるか、なぜそこにあるのかを理解し、ページの最も関連性の高い部分を引用してくださいターゲットページが利用できない場合にリンクし直します。リンクに過ぎない回答は削除される場合があります。
Zoe

1

すべてのファイルでメソッドを見つけるには、押すことができます CTRL + Pてから検索を開始#

例: #signin

ここに画像の説明を入力してください


0

Show Functionsプラグインを見てください。設定可能な正規表現により、関数、記号、ブックマークを一覧表示できます。正規表現は本当の節約になります。主流の言語を使用していない場合や、CodeOutlineがうまく機能しない場合に便利です。これらの関数を含む分割ウィンドウを表示するのは醜いです(CodeOutlineはより統合されているようです)が、少なくとも使用するものがあります

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.