Lista metod w kodzie Visual Studio

Niedawno zacząłem używać edytora Visual Studio Code. Uwielbiam to, ale jest jedna ważna cecha (dla mnie), której nie udało mi się znaleźć. Czy istnieje lista metod podobna do Nawigatora w NetBeans lub rozwijanego członka w Visual Studio?

Tak, jest workbench.action.gotoSymbolpolecenie. W systemach Windows i Linux jest domyślnie ustawiony na CTRL+ Shift+ O.

Jeśli to polecenie nie jest dostępne dla typów plików, z którymi pracujesz, powinieneś spojrzeć na rozszerzenia VSCode . Nie wszystkie języki obsługują tę funkcję.

Aktualizacja : Jak stwierdzono w komentarzach @ jeff-xiao, to rozszerzenie jest przestarzałe i jest teraz wbudowaną funkcją kodu Visual Studio . Powinien być dostępny w dolnej części Eksploratora plików jako widok „Zarys”.

Poprzedni tekst: Istnieje teraz rozszerzenie, które to obsługuje. Zarys kodu tworzy panel w sekcji „Eksplorator”, a dla JavaScript wyświetla zmienne i funkcje w pliku. Używam tego od jakiegoś czasu i drapie mnie swędzenie. Inni komentatorzy wspominali, że dobrze obsługuje Python i PHP.

Nadal wydaje się być w fazie rozwoju, ale nie miałem żadnych problemów. Wersja rozwojowa dostępna na GitHub . Jeśli jesteś autorem, który to czyta - dzięki!

Tak to wygląda:

Jeśli zarys kodu nie jest widoczny, możesz go pokazać poprzez:

Wywołaj Go to symbolpolecenie Code :

• macOS: cmd+ shift+ o(litera o, nie zero)

• Windows / Linux: ctrl+ shift+o

Wpisanie dwukropka ( :) po wywołaniu Go to symbolspowoduje pogrupowanie symboli według typu (klasy, interfejsy, metody, właściwości, zmienne). Następnie przewiń do methodssekcji.

Jest nowa wersja, która może to zrobić! Sprawdź tutaj najnowsze informacje o wersji dotyczące konspektu kodu

W VSCode 1.24 możesz to zrobić.

Kliknij prawym przyciskiem myszy EXPLORERpasek boczny i zaznaczone Outline.

AKTUALIZACJA: Funkcje rozszerzenia są teraz wbudowane, a samo rozszerzenie jest już nieaktualne

Znalazłem to rozszerzenie: Zarys kodu . Tak to wygląda:

Wierzę, że tego właśnie szukałeś.

Dzisiaj nie ma takiej funkcji CTRL + SHIFT+ O== CTRL+ P@ nie działa we wszystkich językach.

W ostateczności możesz użyć panelu wyszukiwania - chociaż nie jest on tak szybki i łatwy w użyciu, jak chcesz - możesz wprowadzić ten wyrażenie regularne w panelu wyszukiwania, aby znaleźć wszystkie funkcje:

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

Dla użytkowników PHP :)

1. Upewnij się, że masz wtyczkę „ Symbol PHP ”, wtedy możesz uzyskać wszystkie metody i klasy w dolnej części paska bocznego „ OUTLINE ”.

2. Naciśnij ⌘ command+ ⇧ shift+ Ow „macOS” lub Ctrl+ Shift+ Opodczas korzystania z „Windows”

ZARYS:

@Symbol:

To dodatkowa część odpowiedzi na to pytanie, ale pomyślałem, że może być przydatna. Jak wiele osób wspomniało, Visual Studio Code ma ZARYS część która umożliwia przeglądanie różnych funkcji i wyświetlanie ich z boku.

Chciałem również dodać, że jeśli zaznaczysz znak kursora śledzenia, podświetli nazwę tej funkcji w widoku ZARYS, co jest bardzo pomocne w przeglądaniu i sprawdzaniu, w której funkcji jesteś.

Rynek Visual Studio Code ma bardzo ładne rozszerzenie o nazwie Idź do metody do poruszania się tylko po metodach w pliku kodu.

Naciśnij Ctrl+ Shift+, Pwpisz install extensionsi naciśnij enter

Teraz wpisz Add to methodw polu wyszukiwania rynek rozszerzeń i naciśnij klawisz Enter.

Kliknij, installaby zainstalować rozszerzenie.

Ostatnim krokiem jest powiązanie skrótu klawiaturowego z poleceniem, workbench.action.gotoMethodaby programista mógł zwiększyć wydajność.

Otwórz symbol według nazwy : CTRL+ T może być tym, czego szukasz. Działa idealnie z moim projektem TypeScript.

W 2020 roku wersja VSCode
Cmd+P

• # - Znajdź symbol w plikach
• @ - Znajdź symbol w pliku
• @: - Grupuj symbole w pliku

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

Dla PHP zainstaluj rozszerzenie PHP SYMBOLS

DLA PYTHON zainstaluj rozszerzenie PYTHON

Po przeładowaniu będzie to działać poprawnie

CTRL+ F12( CMD+ F12dla komputerów Mac) - otwiera mi wszystkie metody i członków klasy PHP.

Istnieje wtyczka o nazwie show functions, która wyświetla wszystkie definicje funkcji w pliku. Umożliwia także sortowanie funkcji, dzięki czemu można je łatwo wyszukiwać.

Aby znaleźć metodę znajdowania we wszystkich plikach, możesz nacisnąć, CTRL + Pa następnie rozpocząć wyszukiwanie za pomocą#

przykład: #signin

Spójrz na Show Functionswtyczkę. Może wyświetlać funkcje, symbole, zakładki według konfigurowalnych wyrażeń regularnych. Wyrażenia regularne to prawdziwa oszczędność, szczególnie gdy nie używasz głównego nurtu języka i gdy CodeOutline nie wykonuje pracy. Brzydko jest widzieć podzielone okno z tymi funkcjami (CodeOutline wydaje się być lepiej zintegrowany), ale przynajmniej jest coś do użycia