Liste des méthodes dans Visual Studio Code

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?

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é.

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:

Si le plan du code n'est pas visible, vous pouvez l'afficher en:

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.

Il existe une nouvelle version qui peut le faire! Consultez ici les dernières notes de version concernant le contour du code

Dans VSCode 1.24, vous pouvez le faire.

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

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:

Je crois que c'est ce que vous cherchiez.

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*\(

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:

@Symbole:

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.

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

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

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.

Ouvrir le symbole par son nom : CTRL+ T pourrait être ce que vous recherchez. Fonctionne parfaitement avec mon projet TypeScript.

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

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

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

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.

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

exemple : #signin

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