Visual Studio Kodunda Yöntem Listesi


278

Kısa süre önce Visual Studio Kod düzenleyicisini kullanmaya başladım. Gerçekten çok seviyorum, ama bulamadığım bir kritik özellik (benim için) var. NetBeans'teki Gezgin'e veya Visual Studio'daki Üye açılır menüsüne benzer bir yöntem listesi var mı?




Yanıtlar:


266

Evet, workbench.action.gotoSymbolkomut var. Windows ve Linux'ta varsayılan olarak CTRL+ Shift+ olarak ayarlanmıştır O.

Bu komut, üzerinde çalıştığınız dosya türleri için kullanılamıyorsa, VSCode uzantılarına göz atmalısınız . Tüm diller bu özelliği desteklemez.


4
Hmm, umduğum davranış değil. Birkaç dosya türünü denedim: C ++ dosyasında "Maalesef dosya için sembol bilgimiz yok" ve Python'da "Python uzantısında bir hata oluştu" diyor.
Jim Carr

Dan, şanssızım gibi görünüyor. Farklı bir Python uzantısı denedim, şimdi "sembol bilgisi yok" hatası alıyorum. :( Yine de bilgi için teşekkürler.
Jim Carr


Javascript harika çalışıyor, diğer kısayol
tuş haritaları

39
Buna eklerseniz , daha :sonra düğmesine basarsanız Ctrl+ Shift + O, sonuçlar türe göre gruplandırılır, bu da tüm işlevleri bir alt listede listeler.
Aditya Vikas Devarapalli

184

Güncelleştirme : @ jeff-xiao'nun yorumlarında belirtildiği gibi bu uzantı kullanımdan kaldırıldı ve artık Visual Studio kodunun yerleşik bir özelliği . Dosya gezgininin altında "Anahat" görünümü olarak kullanılabilir olmalıdır.

Önceki metin: Şimdi bunu destekleyen bir Uzantı var. Kod Anahattı "Gezgin" bölümünde bir panel oluşturur ve JavaScript için bir dosyadaki değişkenleri ve işlevleri listeler. Bunu bir süredir kullanıyorum ve sahip olduğum kaşıntıyı çiziyor. Diğer yorumcular da Python ve PHP'yi iyi desteklediğini belirtti.

Hala gelişmekte gibi görünüyor ama herhangi bir sorun yaşamadım. Geliştirme sürümü GitHub'da mevcuttur . Bunu okuyan yazarsanız - teşekkürler!

İşte böyle görünüyor:
VSCode için Code Outline eklentisi

Kod Anahatları görünür değilse, aşağıdakileri gösterebilirsiniz: resim açıklamasını buraya girin


4
İyi arama, JavaScript ile iyi çalışır ve gizli klavye kısayolları için avlanma yok, güzel.
Julian Knight

6
Uzantı kullanımdan kaldırıldı: DEPRECATED. Lütfen Visual Studio Code ile birlikte gelen Anahat görünümünü kullanın .
Xiao

Python'da bir sınıfın tüm yöntemlerinin görüntülenmesini desteklemeyen doğru muyum?
Eric Auld

Sanırım bazen anahat görünümü python dosyaları için hiçbir şey göstermiyor.
nurp

C ++ için böyle bir seçenek var mı?
Dikla

118

Kod Go to symbolkomutunu çağır :

  • macOS: cmd+ shift+ o(harf o, sıfır değil)

  • Windows / Linux: ctrl+ shift+o

Çağrıldıktan :sonra iki nokta üst üste ( ) yazmak, Go to symbolsembolleri türe göre gruplandırır (sınıflar, arabirimler, yöntemler, özellikler, değişkenler). Ardından methodsbölüme ilerleyin .


3
PHP'de de çalıştığını doğruladı, ancak PHP intellisense eklentisinin yüklü olduğunu lütfen unutmayın. Fark yaratıp yaratmadığını bilmiyorum.
Ignacio Segura

Sadece yöntemleri görmenin kolay bir yolu olmalı. Yöntemler bölümünü bulmak için bir sürü başka şey listesinde gezinmek biraz acı verici. Birisi başka türlü mümkün değilse bunu yapmak için bir eklenti yapmalıdır.
orrd

1
yerine @ yazın: Go işlevlerinin listesi için
Altimac

1
PHP için çalışmıyorsa, 'PHP Symbols' eklentisine sahip olduğunuzdan emin olun ve mutlaka çalışacaktır.
Neeraj Singh


17

In VSCode 1.24 bunu yapabilir.

EXPLORERYan çubuğa sağ tıklayın ve işaretleyin Outline.


1
Anahat kullanarak bir js sınıfının yöntemlerini keşfedemiyorum!
Efsaneler

Java için iyi çalışıyor! Vscode 2020 güncellenmiş sürümünü kullanıyorum
oshan2csd

15

GÜNCELLEME: Uzantı özellikleri artık yerleşik ve uzantının kendisi artık kullanımdan kaldırıldı

Bu uzantı buldum: Kod Anahat . Şöyle görünüyor:


Öyle görünüyor


Aradığın şey olduğuna inanıyorum.


1
Bu uzantı artık mevcut değil. Özellik VSCode içine inşa edilmiştir çünkü ben yayınlanmamış olduğunu düşünüyorum.
Gama11

13

Bugün böyle bir özellik yok, CTRL+ SHIFT+ O== CTRL+ P@ tüm diller için çalışmıyor.

Son çare olarak arama panelini kullanabilirsiniz - istediğiniz kadar hızlı ve kolay olmasa da - tüm işlevleri bulmak için bu normal ifadeyi arama paneline girebilirsiniz:

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

5

PHP kullanıcıları için :)

  1. ' PHP Symbol ' eklentisine sahip olduğunuzdan emin olun, ardından ' OUTLINE ' Sidebar'ın Altındaki tüm yöntemleri ve sınıfı alabilirsiniz .

  2. Basın ⌘ command+ ⇧ shift+ O"MacOS" veya Ctrl+ Shift+ O"Windows" kullanırken

ANA HATLARI: resim açıklamasını buraya girin

@Symbol: resim açıklamasını buraya girin


4

Bu sorunun cevabının ekstra bir parçası ama yararlı olabileceğini düşündüm. Birçok kişinin belirttiği gibi, Visual Studio Code, farklı işlevlere göz atma ve yan tarafta gösterme olanağı sağlayan OUTLINE bölümüne sahiptir.

Takip eden imleç işaretini kontrol ederseniz, bu işlev adını ÇEVRİMİÇİ görünümünde vurgulayarak, hangi işlevde bulunduğunuza göz atmakta ve görmede çok yardımcı olduğunu eklemek istedim.

resim açıklamasını buraya girin


4

Visual Studio Code market place, yalnızca bir kod dosyasındaki yöntemlerde gezinmek için Go To Method adlı çok güzel bir uzantıya sahiptir .

Ctrl+ Shift+ Tuşlarına basın Pve yazın install extensionsve enter tuşuna basın

resim açıklamasını buraya girin

Şimdi Add to methoduzantılar pazar yerinin arama kutusuna yazın ve enter tuşuna basın.

resim açıklamasını buraya girin

installUzantıyı yüklemek için tıklayın .

Son adım, workbench.action.gotoMethodbir geliştirici için gerçek bir üretkenlik yapmak için komuta bir klavye kısayolu bağlamaktır .



3

VSCode
Cmd+ ' ın 2020 sürümündeP

  • # - Dosyalarda simge bul
  • @ - Dosyadaki sembolü bul
  • @: - Bir dosyadaki sembolleri gruplandırma

Bir dosyadaki semboller VS Kodu v1.44.0


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

PHP için PHP SYMBOLS uzantısını yükleyin

İÇİN PYTHON uzantısı yüklemek PYTHON

Yeniden Yükle'de bu iyi çalışır


2
Ayrıca yapabilir Ctrl+Pve yazabilirsiniz @- bu, dosyadaki tüm işlevleri / sembolleri listeler. Ve yazarken @function_namesemboller üzerinde bulanık bir dize araması yapar.
Roopak A Nelliat

evet güzel bir öneri .. ama biliyorsunuz ki iki adım gerekiyor, burada ctrl + shift + o tek adım. :)
Moh .S

1

CTRL+ F12( Mac için CMD+ F12) - PHP sınıfındaki tüm yöntemleri ve üyeleri açar.


Çalışmadı, herhangi bir uzantı kullanmadığınızdan emin misiniz?
Muhammed Atıf Sami

1

Bir dosyadaki tüm işlev tanımlarını listeleyen show function adlı bir eklenti vardır . Ayrıca kolayca sıralayabilmeniz için işlevi sıralamanızı sağlar.


2
Bir çözümün bağlantısı hoş karşılanır, ancak lütfen cevabınızın onsuz faydalı olduğundan emin olun: bağlantınızın çevresine bağlam ekleyin, böylece diğer kullanıcılarınız ne olduğu ve neden orada olduğu hakkında bir fikir sahibi olacak, ardından sayfanın en alakalı bölümünü alıntılayacağız ' hedef sayfanın kullanılamaması durumunda bağlantı kuruluyor. Bir bağlantıdan biraz daha fazlası olan yanıtlar silinebilir.
Zoe

1

Tüm dosyalarda bulma yöntemi için tuşuna basıp CTRL + Paramaya başlayabilirsiniz.#

misal : #signin

resim açıklamasını buraya girin


0

Show FunctionsEklentiye bir göz atın . Yapılandırılabilir düzenli ifadelerle işlevleri, sembolleri, yer imlerini listeleyebilir. Düzenli ifadeler, özellikle ana dilde bir dil kullanmadığınızda ve CodeOutline işi yapmadığında gerçek bir tasarruftur. Bu işlevlerle bölünmüş bir pencere görmek çirkin (CodeOutline daha iyi entegre görünüyor) ama en azından kullanılacak bir şey var

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.