Liste des méthodes dans Visual Studio Code


278

J'ai récemment commencé à utiliser l'éditeur de code Visual Studio. Je l'aime vraiment, mais il y a une caractéristique critique (pour moi) que je n'ai pas pu trouver. Existe-t-il une liste de méthodes, similaire à la liste déroulante Navigateur dans NetBeans ou Membre dans Visual Studio?



Cette fonctionnalité manquante est suivie sur github.com/Microsoft/vscode/issues/5605
foz

Réponses:


266

Oui, il y a la workbench.action.gotoSymbolcommande. Sous Windows et Linux, il est défini sur CTRL+ Shift+ Opar défaut.

Si cette commande n'est pas disponible pour les types de fichiers avec lesquels vous travaillez, vous devriez jeter un œil aux extensions VSCode . Toutes les langues ne prennent pas en charge cette fonctionnalité.


4
Hmm, pas le comportement que j'espérais. J'ai essayé quelques types de fichiers: dans un fichier C ++, il dit "Malheureusement, nous n'avons aucune information de symbole pour le fichier" et en Python, il dit "Il y avait une erreur dans l'extension Python".
Jim Carr

Eh bien, dang, on dirait que je n'ai pas de chance. J'ai essayé une autre extension Python, maintenant j'obtiens l'erreur "no symbol information". :( Merci pour l'info, cependant.
Jim Carr

6
Ce sont des symboles pour PHP .
ariefbayu

Fonctionne très bien en javascript, le raccourci peut être différent lors de l'utilisation d'autres raccourcis clavier
Ray1618

39
Ajout à celui-ci, si vous appuyez sur :après Ctrl+ Shift + O, les résultats seront regroupés par type, qui répertoriera toutes les fonctions dans une sous-liste.
Aditya Vikas Devarapalli

184

Mise à jour : Comme indiqué dans les commentaires de @ jeff-xiao, cette extension est obsolète et c'est maintenant une fonctionnalité intégrée du code Visual Studio . Il devrait être disponible au bas de l'explorateur de fichiers en tant que vue "Outline".

Texte précédent: Il existe maintenant une extension qui prend en charge cela. Code Outline crée un panneau dans la section "Explorer" et pour JavaScript, listera les variables et les fonctions dans un fichier. J'utilise ça depuis un moment maintenant et ça gratte la démangeaison que j'avais. D'autres commentateurs ont mentionné qu'il prend bien en charge Python et PHP.

Il semble toujours être en développement mais je n'ai eu aucun problème. Version de développement disponible sur GitHub . Si vous êtes l'auteur lisant ceci - merci!

Voici à quoi cela ressemble:
Plugin Code Outline pour VSCode

Si le plan du code n'est pas visible, vous pouvez l'afficher en: entrez la description de l'image ici


4
Bon appel, fonctionne bien avec JavaScript et pas de recherche de raccourcis clavier cachés, c'est bien.
Julian Knight

6
L'extension est obsolète: obsolète. Veuillez utiliser la vue Structure fournie avec Visual Studio Code.
Xiao

Suis-je correct qui ne prend pas en charge l'affichage de toutes les méthodes d'une classe en Python?
Eric Auld

Je suppose que parfois la vue d'ensemble ne montre rien pour les fichiers python.
2018 à 8h27

Existe-t-il une telle option pour C ++?
Dikla

118

Appelez la Go to symbolcommande de Code :

  • macOS: cmd+ shift+ o(la lettre o, pas zéro)

  • Windows / Linux: ctrl+ shift+o

Taper un deux-points ( :) après l'invocation Go to symbolregroupera les symboles par type (classes, interfaces, méthodes, propriétés, variables). Ensuite, faites défiler jusqu'à la methodssection.


3
Confirmé que cela fonctionne aussi sur PHP, mais veuillez noter que j'ai installé le plugin PHP intellisense. Je ne sais pas si cela fait une différence.
Ignacio Segura

Il doit y avoir un moyen simple de simplement voir les méthodes. C'est un peu pénible de faire défiler la liste d'un tas d'autres choses pour trouver la section des méthodes. Quelqu'un devrait faire un plug-in pour le faire si ce n'est pas possible autrement.
2018

1
tapez @ au lieu de: pour la liste des fonctions Go
Altimac

1
Si cela ne fonctionne pas pour PHP, assurez-vous que vous disposez du plugin 'Symboles PHP' et que cela fonctionnera à coup sûr.
Neeraj Singh


17

Dans VSCode 1.24, vous pouvez le faire.

Faites un clic droit EXPLORERsur la barre latérale et cochez Outline.


1
Je ne peux pas explorer les méthodes d'une classe js en utilisant le contour!
Legends

fonctionne bien pour Java! J'utilise la version mise à jour de vscode 2020
oshan2csd

15

METTRE À JOUR: Les fonctionnalités d'extension sont désormais intégrées et l'extension elle-même est désormais obsolète

J'ai trouvé cette extension: Code Outline . C'est à ça que ça ressemble:


C'est à ça que ça ressemble


Je crois que c'est ce que vous cherchiez.


1
Cette extension n'existe plus. Je pense qu'il n'a pas été publié car la fonctionnalité est maintenant intégrée dans VSCode.
Gama11

13

Il n'y a pas une telle fonctionnalité aujourd'hui, le CTRL+ SHIFT+ O== CTRL+ P@ ne fonctionne pas pour toutes les langues.

En dernier recours, vous pouvez utiliser le panneau de recherche - bien qu'il ne soit pas aussi rapide et facile à utiliser que vous le souhaitez - vous pouvez entrer cette expression régulière dans le panneau de recherche pour trouver toutes les fonctions:

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

5

Pour les utilisateurs PHP :)

  1. Assurez-vous que vous disposez du plugin « PHP Symbol », vous pouvez obtenir toutes les méthodes et toutes les classes dans le bas de la barre latérale « OUTLINE ».

  2. Appuyez sur ⌘ command+ ⇧ shift+ Odans "macOS" ou Ctrl+ Shift+ Olorsque vous utilisez "Windows"

CONTOUR: entrez la description de l'image ici

@Symbole: entrez la description de l'image ici


4

C'est une partie supplémentaire à la réponse à cette question ici, mais j'ai pensé que cela pourrait être utile. Comme beaucoup de gens l'ont mentionné, Visual Studio Code a la partie OUTLINE qui permet de parcourir différentes fonctions et de les afficher sur le côté.

Je voulais également ajouter que si vous cochez la marque de curseur suivante, il met en surbrillance le nom de la fonction dans la vue OUTLINE, ce qui est très utile pour parcourir et voir dans quelle fonction vous vous trouvez.

entrez la description de l'image ici


4

La place de marché Visual Studio Code a une très belle extension nommée Go To Method pour naviguer uniquement dans les méthodes d'un fichier de code.

Appuyez sur Ctrl+ Shift+ Pet tapez le install extensionset appuyez sur Entrée

entrez la description de l'image ici

Tapez maintenant Add to methoddans la zone de recherche des extensions du marché et appuyez sur Entrée.

entrez la description de l'image ici

Cliquez sur install pour installer l'extension.

La dernière étape consiste à lier un raccourci clavier à la commande workbench.action.gotoMethodpour en faire une réelle productivité pour un développeur.



3

Dans la version 2020 de VSCode
Cmd+P

  • # - Trouver le symbole dans les fichiers
  • @ - Trouver le symbole dans le fichier
  • @: - Grouper les symboles dans un fichier

Symboles dans un fichier VS Code v1.44.0


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

Pour PHP, installez l'extension PHP SYMBOLS

POUR PYTHON installez l'extension PYTHON

Au rechargement, cela fonctionnera bien


2
Vous pouvez également faire Ctrl+Pet taper @- cela répertorie toutes les fonctions / symboles dans le fichier. Et lors de la frappe, @function_nameune recherche de chaîne floue sur les symboles.
Roopak A Nelliat

oui belle suggestion .. mais vous savez que cela nécessite deux étapes, où comme ctrl + shift + o est une étape unique. :)
Moh .S

1

CTRL+ F12( CMD+ F12pour Mac) - ouvre pour moi toutes les méthodes et les membres de la classe PHP.


N'a pas fonctionné, êtes-vous sûr de ne pas utiliser d'extension?
Mohammed Atif Sami

1

Il existe un plugin appelé show functions qui répertorie toutes les définitions de fonctions dans un fichier. Il vous permet également de trier la fonction afin de pouvoir les rechercher facilement.


2
Un lien vers une solution est le bienvenu, mais assurez-vous que votre réponse est utile sans lui: ajoutez du contexte autour du lien pour que vos collègues aient une idée de ce que c'est et pourquoi il est là, puis citez la partie la plus pertinente de la page que vous '' relier à au cas où la page cible n'est pas disponible. Les réponses qui ne sont guère plus qu'un lien peuvent être supprimées.
Zoe

1

Pour trouver la méthode dans tous les fichiers, vous pouvez appuyer sur CTRL + Ppuis lancer la recherche avec#

exemple : #signin

entrez la description de l'image ici


0

Jetez un œil au Show Functionsplugin. Il peut répertorier les fonctions, symboles, signets par des expressions régulières configurables. Les expressions régulières sont un véritable économiseur, surtout lorsque vous n'utilisez pas un langage courant et que CodeOutline ne fait pas le travail. C'est moche de voir une fenêtre partagée avec ces fonctions (CodeOutline semble être mieux intégré) mais au moins il y a quelque chose à utiliser

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.