दृश्य स्टूडियो कोड में विधि सूची


278

मैंने हाल ही में विजुअल स्टूडियो कोड एडिटर का उपयोग शुरू किया है। मैं वास्तव में इसे प्यार कर रहा हूं, लेकिन एक महत्वपूर्ण विशेषता है (मेरे लिए) जो मुझे नहीं मिल पाई है। क्या कोई विधि सूची है, जो नेटबीन्स में नेविगेटर के समान है या दृश्य स्टूडियो में सदस्य ड्रॉपडाउन है?


2
कोड देखें ।visualstudio.com
docs/

इस गुम सुविधा को github.com/Microsoft/vscode/issues/5605
foz

जवाबों:


266

हां, workbench.action.gotoSymbolआज्ञा है। विंडोज और लिनक्स पर यह डिफ़ॉल्ट रूप से CTRL+ Shift+ पर सेट होता है O

यदि यह कमांड आपके द्वारा काम कर रहे फ़ाइल प्रकारों के लिए उपलब्ध नहीं है, तो आपको VSCode एक्सटेंशन पर एक नज़र डालनी चाहिए । सभी भाषाएँ इस सुविधा का समर्थन नहीं करती हैं।


4
हम्म, वह व्यवहार नहीं जिसकी मैं उम्मीद कर रहा था। मैंने कुछ फ़ाइल प्रकारों की कोशिश की: एक C ++ फ़ाइल में, यह कहता है "दुर्भाग्य से हमारे पास फ़ाइल के लिए कोई प्रतीक जानकारी नहीं है" और पायथन में यह कहते हैं कि "पायथन एक्सटेंशन में एक त्रुटि थी"।
जिम कर्र

खैर, खतरा, ऐसा लगता है जैसे मैं भाग्य से बाहर हूं। मैंने एक अलग पायथन विस्तार की कोशिश की, अब मुझे "कोई प्रतीक सूचना नहीं" त्रुटि मिल रही है। :(, जानकारी के लिए धन्यवाद, हालांकि।
जिम कार्र


जावास्क्रिप्ट में महान काम करता है, शॉर्टकट अन्य शॉर्टकट
कीमैप

38
इसे जोड़ने पर, यदि आप :बाद में दबाते हैं Ctrl+ Shift + O, तो परिणाम समूह प्रकार के होंगे, जो एक सूची में सभी कार्यों को सूचीबद्ध करेगा।
आदित्य विकास देवरपल्ली

184

अद्यतन : जैसा कि @ jeff-xiao द्वारा टिप्पणियों में कहा गया है कि यह विस्तार पदावनत है और अब यह दृश्य स्टूडियो कोड की एक अंतर्निहित विशेषता है । यह फ़ाइल एक्सप्लोरर के निचले भाग में "आउटलाइन" दृश्य के रूप में उपलब्ध होना चाहिए।

पिछला पाठ: अब एक एक्सटेंशन है जो इसका समर्थन करता है। कोड रूपरेखा "एक्सप्लोरर" अनुभाग में एक पैनल बनाता है और जावास्क्रिप्ट के लिए, एक फ़ाइल में चर और कार्यों को सूचीबद्ध करेगा। मैं थोड़ी देर के लिए यह प्रयोग कर रहा हूं और यह उस खुजली को खरोंच देता है जो मेरे पास थी। अन्य टिप्पणीकारों ने उल्लेख किया है कि यह पायथन और पीएचपी का अच्छी तरह से समर्थन करता है।

यह अभी भी विकास में लगता है, लेकिन मेरे पास कोई मुद्दा नहीं है। GitHub पर उपलब्ध विकास संस्करण । यदि आप इसे पढ़ रहे हैं तो लेखक - धन्यवाद!

यह इस तरह दिखता है:
VSCode के लिए कोड रूपरेखा प्लगइन

यदि कोड की रूपरेखा दिखाई नहीं देती है, तो आप इसे निम्न द्वारा दिखा सकते हैं: यहां छवि विवरण दर्ज करें


4
अच्छा कॉल, जावास्क्रिप्ट के साथ अच्छी तरह से काम करता है और छिपे हुए कीबोर्ड शॉर्टकट के लिए कोई शिकार नहीं करता है, अच्छा है।
जूलियन नाइट

6
एक्सटेंशन को हटा दिया गया है: हटाया गया। कृपया दृश्य स्टूडियो कोड के साथ आने वाले आउटलाइन दृश्य का उपयोग करें ।
जिओ

क्या मैं सही हूं कि पायथन में एक वर्ग के सभी तरीकों को देखने का समर्थन नहीं करता है?
एरिक औल्ड

मुझे लगता है कि कभी-कभी आउटलाइन दृश्य अजगर फ़ाइलों के लिए कुछ भी नहीं दिखाता है।
नर्स

क्या C ++ के लिए ऐसा कोई विकल्प है?
डिकला

118

कोड का Go to symbolआदेश लागू करें:

  • macOS: cmd+ shift+ o(अक्षर o, शून्य नहीं)

  • विंडोज / लिनक्स: ctrl+ shift+o

:आह्वान के बाद एक बृहदान्त्र ( ) Go to symbolटाइप करना समूह प्रतीकों को प्रकारों (कक्षाओं, इंटरफेस, विधियों, गुणों, चर) द्वारा समूहित करेगा। फिर बस methodsअनुभाग पर स्क्रॉल करें ।


3
पुष्टि की यह PHP पर भी काम करता है, लेकिन कृपया ध्यान दें कि मेरे पास PHP intellisense प्लगइन स्थापित है। मुझे नहीं पता कि इससे कोई फ़र्क पड़ता है या नहीं।
इग्नासियो सेगुरा

बस तरीकों को देखने का एक आसान तरीका होना चाहिए। यह विधि अनुभाग को खोजने के लिए अन्य सामान के एक गुच्छा की सूची के माध्यम से स्क्रॉल करने के लिए एक तरह का दर्द है। किसी को ऐसा करने के लिए प्लग-इन करना चाहिए, यदि यह अन्यथा संभव नहीं है।
orrd

1
टाइप @ के बजाय: गो फ़ंक्शंस लिस्टिंग के लिए
Altimac

1
अगर PHP के लिए काम नहीं कर रहा है, तो सुनिश्चित करें कि आपके पास 'PHP Symbols' प्लगइन है और यह सुनिश्चित करने के लिए काम करेगा।
नीरज सिंह


17

में VSCode 1.24 आप ऐसा कर सकते हैं।

EXPLORERसाइड बार पर राइट क्लिक करें और चेक करें Outline


1
मैं रूपरेखा का उपयोग करके js वर्ग के तरीकों का पता नहीं लगा सकता!
महापुरूष

जावा के लिए ठीक काम करता है! मैं vscode 2020 अद्यतन संस्करण का उपयोग कर रहा
oshan2csd

15

अद्यतन: विस्तार सुविधाएँ अब बिल्ट-इन हैं और स्वयं एक्सटेंशन अब पदावनत हो गया है

मुझे यह पता चला है: कोड रूपरेखा । यह इस तरह दिखता है:


इस तरह दिखता है


मुझे विश्वास है कि आप क्या देख रहे हैं।


1
यह विस्तार अब मौजूद नहीं है। मुझे लगता है कि इसे अप्रकाशित किया गया है क्योंकि यह सुविधा अब VSCode में निर्मित है।
गम 11

13

आज ऐसी कोई सुविधा नहीं है, सभी भाषाओं के लिए CTRL+ SHIFT+ O== CTRL+ P@ काम नहीं करता है।

अंतिम उपाय के रूप में आप खोज पैनल का उपयोग कर सकते हैं - हालाँकि यह उपयोग करना इतना आसान नहीं है जितना आप चाहते हैं - आप सभी कार्यों को खोजने के लिए इस regex को खोज पैनल में दर्ज कर सकते हैं:

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

5

PHP उपयोगकर्ताओं के लिए :)

  1. सुनिश्चित करें कि आपके पास ' PHP Symbol ' प्लगइन है तो आप ' OUTLINE ' साइडबार के बॉटम में सभी तरीके और क्लास प्राप्त कर सकते हैं ।

  2. प्रेस ⌘ command+ ⇧ shift+ O"MacOS" या में Ctrl+ Shift+ O, जबकि "विंडोज" का उपयोग

रूपरेखा: यहां छवि विवरण दर्ज करें

@प्रतीक: यहां छवि विवरण दर्ज करें


4

यह यहाँ इस प्रश्न के उत्तर का एक अतिरिक्त हिस्सा है लेकिन मुझे लगा कि यह उपयोगी हो सकता है। जैसा कि कई लोगों ने उल्लेख किया है, विज़ुअल स्टूडियो कोड में OUTLINE भाग है जो विभिन्न फ़ंक्शन को ब्राउज़ करने और उन्हें दिखाने की क्षमता प्रदान करता है।

मैं यह भी जोड़ना चाहता था कि यदि आप फॉलो कर्सर मार्क की जाँच करते हैं, तो यह उस फ़ंक्शन नाम को OUTLINE दृश्य में हाइलाइट करता है, जो ब्राउज़ करने और देखने में बहुत उपयोगी है कि आप किस फ़ंक्शन में हैं।

यहां छवि विवरण दर्ज करें


4

विजुअल स्टूडियो कोड मार्केट प्लेस में एक बहुत ही अच्छा एक्सटेंशन है, जिसका नाम Go To Method से कोड फाइल में केवल तरीकों को नेविगेट करना है ।

हिट Ctrl+ Shift+ Pऔर प्रकार install extensionsऔर enter

यहां छवि विवरण दर्ज करें

अब Add to methodएक्सटेंशन मार्केट प्लेस के सर्च बॉक्स में टाइप करें और एंटर दबाएं।

यहां छवि विवरण दर्ज करें

installएक्सटेंशन स्थापित करने के लिए क्लिक करें ।

अंतिम चरण एक कीबोर्ड शॉर्टकट को कमांड के लिए बांधना है workbench.action.gotoMethodताकि यह डेवलपर के लिए वास्तविक उत्पादकता चीज़ बना सके।



3

VSCode
Cmd+ के 2020 संस्करण मेंP

  • # - फाइलों में प्रतीक का पता लगाएं
  • @ - फ़ाइल के भीतर प्रतीक का पता लगाएं
  • @: - एक फ़ाइल के भीतर समूह प्रतीकों

किसी फ़ाइल में प्रतीक वीएस कोड 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प्रतीकों पर एक फजी स्ट्रिंग खोज करता है।
रूपक ए नेलिएट

हाँ अच्छा सुझाव .. लेकिन आप जानते हैं कि इसके लिए दो चरणों की आवश्यकता होती है, जहाँ ctrl + shift + o एकल चरण है। :)
मोह।

1

CTRL+ F12( CMD+ F12मैक के लिए) - PHP क्लास में मेरे लिए सभी तरीके और सदस्य खोलता है।


काम नहीं किया, क्या आप सुनिश्चित हैं कि आप किसी एक्सटेंशन का उपयोग नहीं कर रहे हैं?
मोहम्मद आतिफ सामी

1

एक प्लगइन है जिसे शो फ़ंक्शन कहा जाता है जो एक फ़ाइल में सभी फ़ंक्शन परिभाषाओं को सूचीबद्ध करता है। यह आपको फ़ंक्शन को क्रमबद्ध करने की भी अनुमति देता है ताकि उन्हें आसानी से खोजा जा सके।


2
किसी समाधान का लिंक स्वागत योग्य है, लेकिन कृपया सुनिश्चित करें कि आपका उत्तर इसके बिना उपयोगी है: लिंक के चारों ओर संदर्भ जोड़ें ताकि आपके साथी उपयोगकर्ताओं को कुछ पता चले कि यह क्या है और यह क्यों है, तो आप जिस पृष्ठ का सबसे प्रासंगिक हिस्सा उद्धृत करते हैं ' लक्ष्य पृष्ठ अनुपलब्ध होने की स्थिति में पुनः लिंक करना। ऐसे लिंक जो किसी लिंक से बहुत कम हैं उन्हें हटाया जा सकता है।
झो

1

सभी फ़ाइलों में विधि खोजने के लिए आप दबा सकते हैं CTRL + P और फिर खोज शुरू#

उदाहरण : #signin

यहां छवि विवरण दर्ज करें


0

Show Functionsप्लगइन पर एक नज़र डालें । यह विन्यास योग्य नियमित अभिव्यक्तियों द्वारा फ़ंक्शन, प्रतीकों, बुकमार्क्स को सूचीबद्ध कर सकता है। जब आप मुख्यधारा की भाषा का उपयोग नहीं कर रहे होते हैं और जब कोडऑटलाइन काम नहीं करता है, तो नियमित रूप से एक वास्तविक सेवर होता है। इन कार्यों के साथ एक स्प्लिट विंडो को देखना बदसूरत है (कोडऑउटलाइन बेहतर एकीकृत लगता है) लेकिन कम से कम उपयोग करने के लिए कुछ है

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.