Methodenliste in Visual Studio Code

Ich habe kürzlich begonnen, den Visual Studio Code-Editor zu verwenden. Ich liebe es wirklich, aber es gibt eine wichtige Funktion (für mich), die ich nicht finden konnte. Gibt es eine Methodenliste, die dem Navigator in NetBeans oder der Dropdown-Liste "Mitglieder" in Visual Studio ähnelt?

Ja, da ist der workbench.action.gotoSymbolBefehl. Unter Windows und Linux ist es standardmäßig auf CTRL+ Shift+ eingestellt O.

Wenn dieser Befehl für die Dateitypen, mit denen Sie arbeiten, nicht verfügbar ist, sollten Sie sich die VSCode-Erweiterungen ansehen . Nicht alle Sprachen unterstützen diese Funktion.

Update : Wie in den Kommentaren von @ jeff-xiao angegeben, ist diese Erweiterung veraltet und jetzt eine integrierte Funktion von Visual Studio-Code . Es sollte am unteren Rand des Datei-Explorers als "Gliederungsansicht" verfügbar sein.

Vorheriger Text: Es gibt jetzt eine Erweiterung, die dies unterstützt. Code Outline erstellt ein Bedienfeld im Abschnitt "Explorer" und listet für JavaScript Variablen und Funktionen in einer Datei auf. Ich benutze das jetzt schon eine Weile und es kratzt den Juckreiz, den ich hatte. Andere Kommentatoren haben erwähnt, dass es Python und PHP gut unterstützt.

Es scheint sich noch in der Entwicklung zu befinden, aber ich hatte keine Probleme. Entwicklungsversion auf GitHub verfügbar . Wenn Sie der Autor sind, der dies liest - danke!

So sieht es aus:

Wenn die Code-Gliederung nicht sichtbar ist, können Sie sie anzeigen durch:

Rufen Sie den Go to symbolBefehl von Code auf :

• macOS: cmd+ shift+ o(der Buchstabe o, nicht Null)

• Windows / Linux: ctrl+ shift+o

Wenn Sie :nach dem Aufrufen einen Doppelpunkt ( ) eingeben, Go to symbolwerden die Symbole nach Typ gruppiert (Klassen, Schnittstellen, Methoden, Eigenschaften, Variablen). Scrollen Sie dann einfach zum methodsAbschnitt.

Es gibt eine neue Version, die das kann! Lesen Sie hier die neuesten Versionshinweise zur Code-Gliederung

In VSCode 1.24 Sie das tun.

Klicken Sie mit EXPLORERder rechten Maustaste auf die Seitenleiste und aktivieren Sie Outline.

UPDATE: Die Erweiterungsfunktionen sind jetzt integriert und die Erweiterung selbst ist jetzt veraltet

Ich habe diese Erweiterung gefunden: Code Outline . So sieht es aus:

Ich glaube, das ist es, wonach Sie gesucht haben.

Es gibt heute keine solche Funktion, das CTRL+ SHIFT+ O== CTRL+ P@ funktioniert nicht für alle Sprachen.

Als letzten Ausweg können Sie das Suchfeld verwenden - obwohl es nicht so schnell und einfach zu bedienen ist, wie Sie möchten - können Sie diesen regulären Ausdruck in das Suchfeld eingeben, um alle Funktionen zu finden:

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

Für PHP-Benutzer :)

1. Stellen Sie sicher, dass Sie das Plugin ' PHP Symbol ' haben, dann können Sie alle Methoden und Klassen in der Seitenleiste ' OUTLINE ' unten finden.

2. Drücken Sie ⌘ command+ ⇧ shift+ Oin "macOS" oder Ctrl+ Shift+, Owährend Sie "Windows" verwenden.

GLIEDERUNG:

@Symbol:

Es ist ein zusätzlicher Teil der Antwort auf diese Frage hier, aber ich dachte, es könnte nützlich sein. Wie bereits erwähnt, verfügt Visual Studio Code über den OUTLINE- Teil, mit dem Sie zu verschiedenen Funktionen navigieren und diese nebeneinander anzeigen können.

Ich wollte auch hinzufügen, dass, wenn Sie die Markierung für den folgenden Cursor aktivieren, dieser Funktionsname in der OUTLINE-Ansicht hervorgehoben wird, was sehr hilfreich ist, um zu durchsuchen und zu sehen, in welcher Funktion Sie sich befinden.

Der Visual Studio Code-Marktplatz hat eine sehr schöne Erweiterung namens Go To Method, mit der nur Methoden in einer Codedatei navigiert werden können.

Hit Ctrl+ Shift+ Pund geben Sie die install extensionsund drücken Sie die Eingabetaste

Geben Sie nun das Add to methodSuchfeld des Erweiterungsmarkts ein und drücken Sie die Eingabetaste.

Klicken Sie hier install, um die Erweiterung zu installieren.

Der letzte Schritt besteht darin, eine Tastenkombination an den Befehl zu binden workbench.action.gotoMethod, um ihn für einen Entwickler zu einer echten Produktivitätssache zu machen.

Öffnen Sie das Symbol mit Namen : CTRL+ T könnte das sein, wonach Sie suchen. Funktioniert perfekt mit meinem TypeScript-Projekt.

In der 2020-Version von VSCode
Cmd+P

• # - Suchen Sie das Symbol in allen Dateien
• @ - Symbol in Datei suchen
• @: - Gruppensymbole in einer Datei

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

Installieren Sie für PHP die Erweiterung PHP SYMBOLS

FÜR PYTHON installieren Sie die Erweiterung PYTHON

Beim Neuladen funktioniert dies einwandfrei

CTRL+ F12( CMD+ F12für Mac) - öffnet für mich alle Methoden und Mitglieder der PHP-Klasse.

Es gibt ein Plugin namens show functions, das alle Funktionsdefinitionen in einer Datei auflistet. Außerdem können Sie die Funktion sortieren, um sie einfach zu durchsuchen.

Für die CTRL + PSuchmethode in allen Dateien können Sie drücken und dann mit suchen#

Beispiel: #signin

Schauen Sie sich das Show FunctionsPlugin an. Es kann Funktionen, Symbole und Lesezeichen durch konfigurierbare reguläre Ausdrücke auflisten. Reguläre Ausdrücke sind eine echte Ersparnis, insbesondere wenn Sie keine Mainstream-Sprache verwenden und CodeOutline die Aufgabe nicht erfüllt. Es ist hässlich, ein geteiltes Fenster mit diesen Funktionen zu sehen (CodeOutline scheint besser integriert zu sein), aber es gibt zumindest etwas zu verwenden