Visual Studio 코드의 메서드 목록


278

최근에 Visual Studio Code 편집기를 사용하기 시작했습니다. 나는 그것을 정말로 좋아하지만 찾을 수 없었던 중요한 기능이 하나 있습니다. NetBeans의 탐색기 또는 Visual Studio의 멤버 드롭 다운과 유사한 메소드 목록이 있습니까?



이 누락 된 기능은 github.com/Microsoft/vscode/issues/5605
foz

답변:


266

예, workbench.action.gotoSymbol명령이 있습니다. Windows 및 Linux에서는 기본적 으로 CTRL+ Shift+ O로 설정되어 있습니다.

작업중인 파일 유형에이 명령을 사용할 수없는 경우 VSCode 확장자를 살펴보십시오 . 모든 언어가이 기능을 지원하지는 않습니다.


4
흠, 내가 바랐던 행동이 아닙니다. 몇 가지 파일 형식을 시도했습니다. C ++ 파일에서 "불행히도 파일에 대한 심볼 정보가 없습니다"라고 표시되고 Python에서는 "Python 확장에 오류가 있습니다"라고 표시됩니다.
Jim Carr

댕, 내가 운이없는 것 같아 다른 파이썬 확장을 시도했는데, 이제 "심볼 정보 없음"오류가 발생합니다. :(하지만 정보를 주셔서 감사합니다.
Jim Carr


자바 스크립트에서 잘 작동합니다. 다른 단축키 키맵을 사용할 때 단축키가 다를 수 있습니다
Ray1618

38
당신이 누르면이 하나 추가 :한 후 Ctrl+ Shift + O, 그 결과는 하나 개의 하위 목록의 모든 기능을 나열합니다, 이는 유형에 따라 그룹을 될 것입니다.
Aditya Vikas Devarapalli

184

업데이트 : @ jeff-xiao의 의견에서 언급 했듯이이 확장은 더 이상 사용되지 않으며 이제 Visual Studio 코드의 기본 제공 기능입니다 . 파일 탐색기의 맨 아래에 "개요"보기로 제공되어야합니다.

이전 텍스트 : 이제이를 지원하는 확장이 있습니다. 코드 아웃 라인 은 "탐색기"섹션에 패널을 만들고 JavaScript의 경우 파일에 변수와 함수를 나열합니다. 나는 이것을 잠시 동안 사용하고 있었고 그것은 가려움증을 긁습니다. 다른 주석가들은 파이썬과 PHP를 잘 지원한다고 언급했습니다.

아직 개발 중이지만 문제가 없습니다. GitHub에서 개발 버전을 사용할 수 있습니다 . 당신이 이것을 읽는 저자라면-감사합니다!

다음과 같이 보입니다.
VSCode 용 코드 아웃 라인 플러그인

코드 아웃 라인이 보이지 않으면 다음과 같이 표시 할 수 있습니다. 여기에 이미지 설명을 입력하십시오


4
좋은 전화, JavaScript와 잘 작동하며 숨겨진 키보드 단축키를 찾지 못했습니다.
Julian Knight

6
확장은 더 이상 사용되지 않습니다 : DEPRECATED. Visual Studio Code와 함께 제공 되는 아웃 라인보기 를 사용하십시오 .
Xiao

파이썬에서 클래스의 모든 메소드를 보는 것을 지원하지 않는 것이 맞습니까?
Eric Auld

때로는 개요보기가 파이썬 파일에 대해 아무것도 표시하지 않는 것 같습니다.
nurp

C ++에는 그러한 옵션이 있습니까?
Dikla

118

코드 Go to symbol명령을 호출하십시오 .

  • macOS : cmd+ shift+ o( o0이 아닌 문자 )

  • Windows / Linux : ctrl+ shift+o

:호출 한 후 콜론 ( )을 입력하면 Go to symbol유형 (클래스, 인터페이스, 메소드, 속성, 변수)별로 기호가 그룹화됩니다. 그런 다음 methods섹션으로 스크롤 하십시오.


3
PHP에서도 작동한다는 것을 확인했지만 PHP intellisense 플러그인이 설치되어 있습니다. 차이가 나는지 모르겠습니다.
이그나시오 세 구라

방법을 볼 수있는 쉬운 방법이 있어야합니다. 메소드 섹션을 찾기 위해 다른 많은 것들의 목록을 스크롤하는 것은 일종의 고통입니다. 그렇지 않으면 불가능한 경우 플러그인을 작성해야합니다.
orrd

1
Go 함수 목록
Altimac

1
PHP에서 작동하지 않으면 'PHP Symbols'플러그인이 있는지 확인하십시오.
Neeraj Singh


17

에서 VSCode 1.24 할 수 있습니다.

EXPLORER사이드 바를 마우스 오른쪽 버튼으로 클릭 하고 확인하십시오 Outline.


1
개요를 사용하여 js 클래스의 메소드를 탐색 할 수 없습니다!
전설

Java에 잘 작동합니다! vscode 2020 업데이트 버전을 사용하고 있습니다
oshan2csd

15

업데이트 : 확장 기능이 내장되어 있으며 확장 자체는 더 이상 사용되지 않습니다.

이 확장을 찾았습니다 : Code Outline . 이것은 다음과 같습니다


이것이 어떻게 생겼는지


나는 그것이 당신이 찾고있는 것이라고 믿습니다.


1
이 확장은 더 이상 존재하지 않습니다. 기능이 이제 VSCode에 내장되어 있기 때문에 게시되지 않은 것 같습니다.
Gama11

13

오늘날 그러한 기능은 없습니다. CTRL+ SHIFT+ O== CTRL+ P@는 모든 언어에서 작동하지 않습니다.

최후의 수단으로 검색 패널을 사용할 수 있습니다. 원하는 속도만큼 빠르지는 않지만 검색 패널에이 정규식을 입력하여 모든 기능을 찾을 수 있습니다.

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

5

PHP 사용자의 경우 :)

  1. ' PHP Symbol '플러그인 이 있는지 확인한 다음 ' OUTLINE '사이드 바 하단 에서 모든 메소드와 클래스를 얻을 수 있습니다 .

  2. "macOS"에서 ⌘ command+ ⇧ shift+ O를 누르 거나 "Windows"를 사용하는 동안 Ctrl+ Shift+ O를 누르십시오

개요: 여기에 이미지 설명을 입력하십시오

@상징: 여기에 이미지 설명을 입력하십시오


4

이 질문에 대한 답변의 추가 부분이지만 도움이 될 것이라고 생각했습니다. 많은 사람들이 언급했듯이 Visual Studio Code에는 OUTLINE 부분이있어 다른 기능을 탐색하고 측면에 표시 할 수 있습니다.

또한 팔로우 커서 표시를 확인하면 OUTLINE보기에서 해당 기능 이름이 강조 표시되어 어떤 기능을 탐색하고 보는 데 매우 유용합니다.

여기에 이미지 설명을 입력하십시오


4

Visual Studio Code 마켓 플레이스는 코드 파일에서 메서드 탐색 수있는 Go To Method 라는 매우 멋진 확장명을 가지고 있습니다.

히트 Ctrl+ Shift+ P및은을 입력 install extensions하고 Enter 키를 누릅니다

여기에 이미지 설명을 입력하십시오

이제 Add to method확장 마켓 플레이스의 검색 창에 입력하고 Enter 키를 누릅니다.

여기에 이미지 설명을 입력하십시오

install확장을 설치하려면 클릭하십시오 .

마지막 단계는 명령 workbench.action.gotoMethod에 키보드 단축키를 바인딩 하여 개발자에게 실질적인 생산성을 제공하는 것입니다.



3

VSCode
Cmd+ 2020 버전P

  • # -파일에서 기호 찾기
  • @ -파일 내에서 기호 찾기
  • @: -파일 내 그룹 심볼

파일의 기호 VS 코드 v1.44.0


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

PHP의 경우 확장 PHP SYMBOLS를 설치하십시오.

파이썬은 확장 설치 PYTHON을

새로 고침시, 잘 작동합니다


2
당신은 또한 Ctrl+P입력하고 입력 할 수 있습니다 @-이것은 파일의 모든 기능 / 기호를 나열합니다. 그리고 입력 @function_name하면 기호에 대한 퍼지 문자열 검색이 수행됩니다.
Roopak A Nelliat

네 좋은 제안 .. 그러나 당신은 두 단계가 필요하다는 것을 알고 있습니다. ctrl + shift + o는 단일 단계입니다. :)
Moh .S


1

파일의 모든 기능 정의를 나열하는 show functions 이라는 플러그인 이 있습니다. 또한 기능을 정렬하여 쉽게 검색 할 수 있습니다.


2
솔루션에 대한 링크는 환영하지만 답변없이 유용한 답변을 얻으십시오 . 링크 주위에 컨텍스트를 추가 하여 동료 사용자가 그 이유와 그 이유를 파악한 다음 페이지의 가장 관련성이 높은 부분을 인용하십시오. 대상 페이지를 사용할 수없는 경우 다시 연결 링크 이상인 답변은 삭제 될 수 있습니다.
Zoe


0

Show Functions플러그인을 살펴보십시오 . 구성 가능한 정규식으로 기능, 기호, 책갈피를 나열 할 수 있습니다. 정규 표현식은 주로 주류 언어를 사용하지 않고 CodeOutline이 작업을 수행하지 않을 때 실제로 절약됩니다. 이러한 기능 (CodeOutline이 더 잘 통합 된 것처럼 보입니다)이있는 분할 창을 보는 것이 추악하지만 적어도 사용할 것이 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.