Comment obtenir une vue d'ensemble dans sublime texteditor ?

Question

Comment obtenir une vue d'ensemble dans éditeur de texte sublime pour Windows ?

La mini-carte est utile mais il me manque un schéma traditionnel (une liste cliquable de toutes les fonctions de mon code dans l'ordre où elles apparaissent pour une navigation et une orientation rapides).

Peut-être existe-t-il un plugin, un addon ou autre ? Il serait également intéressant que vous puissiez indiquer brièvement les étapes nécessaires pour que cela fonctionne.

Il existe un duplication de cette question sur les forums du texte sublime.

Answer 1

Hit CTRL + R ou CMD + R pour Mac, pour la liste des fonctions. Cela fonctionne dans Sublime Text 1.3 ou supérieur.

Answer 2

Un plugin nommé Grandes lignes est disponible dans le contrôle des paquets, essayez-le ! https://packagecontrol.io/packages/Outline

Note : il ne fonctionne pas en mode multi-lignes/colonnes. Pour le travail en mode multi-lignes/colonnes, utilisez cette fourche : https://github.com/vlad-wonderkidstudio/SublimeOutline

Answer 3

J'utilise l'action "fold all". Cela réduit tout à la déclaration, je peux voir toutes les méthodes/fonctions, puis développer celle qui m'intéresse.

Answer 4

Je regarde brièvement SublimeText 3 api y view.find_by_selector(selector) semble être capable de retourner une liste de régions.

Je suppose donc qu'un plugin qui afficherait le plan/structure de votre fichier est possible.

Un plugin qui afficherait quelque chose comme ceci :

Note : le site plugin d'affichage du nom de la fonction pourrait être utilisé comme une inspiration pour extraire les noms de classes/méthodes ou de Hiérarchie des classes pour extraire la structure du contour

Answer 5

Si vous voulez pouvoir imprimer ou sauvegarder le contour, la combinaison ctr / command + r n'est pas très utile. On peut faire un simple trouver tous sur les points suivants grep ^[^\n]*function[^{]+{ ou une variante de l'adapter à la langue et à la situation dans laquelle vous travaillez.

Une fois que vous avez effectué la recherche, vous pouvez copier et coller le résultat dans un nouveau document et, selon le nombre de fonctions, cela ne devrait pas prendre beaucoup de temps à mettre en ordre.

La réponse est loin d'être parfaite, en particulier pour les cas où les commentaires contiennent le mot fonction (ou son équivalent), mais je pense que c'est une réponse utile.

Avec un montage très rapide, voici le résultat que j'ai obtenu sur ce sur quoi je travaille actuellement.

    PathMaker.prototype.start = PathMaker.prototype.initiate = function(point){};
    PathMaker.prototype.path = function(thePath){};
    PathMaker.prototype.add = function(point){};
    PathMaker.prototype.addPath = function(path){};
    PathMaker.prototype.go = function(distance, angle){};
    PathMaker.prototype.goE = function(distance, angle){};
    PathMaker.prototype.turn = function(angle, distance){};
    PathMaker.prototype.continue = function(distance, a){};
    PathMaker.prototype.curve = function(angle, radiusX, radiusY){};
    PathMaker.prototype.up = PathMaker.prototype.north = function(distance){};
    PathMaker.prototype.down = PathMaker.prototype.south = function(distance){};
    PathMaker.prototype.east = function(distance){};
    PathMaker.prototype.west = function(distance){};
    PathMaker.prototype.getAngle = function(point){};
    PathMaker.prototype.toBezierPoints = function(PathMakerPoints, toSource){};
    PathMaker.prototype.extremities = function(points){};
    PathMaker.prototype.bounds = function(path){};
    PathMaker.prototype.tangent = function(t, points){};
    PathMaker.prototype.roundErrors = function(n, acurracy){};
    PathMaker.prototype.bezierTangent = function(path, t){};
    PathMaker.prototype.splitBezier = function(points, t){};
    PathMaker.prototype.arc = function(start, end){};
    PathMaker.prototype.getKappa = function(angle, start){};
    PathMaker.prototype.circle = function(radius, start, end, x, y, reverse){};
    PathMaker.prototype.ellipse = function(radiusX, radiusY, start, end, x, y , reverse/*, anchorPoint, reverse*/ ){};
    PathMaker.prototype.rotateArc = function(path /*array*/ , angle){};
    PathMaker.prototype.rotatePoint = function(point, origin, r){};
    PathMaker.prototype.roundErrors = function(n, acurracy){};
    PathMaker.prototype.rotate = function(path /*object or array*/ , R){};
    PathMaker.prototype.moveTo = function(path /*object or array*/ , x, y){};
    PathMaker.prototype.scale = function(path, x, y /* number X scale i.e. 1.2 for 120% */ ){};
    PathMaker.prototype.reverse = function(path){};
    PathMaker.prototype.pathItemPath = function(pathItem, toSource){};
    PathMaker.prototype.merge = function(path){};
    PathMaker.prototype.draw = function(item, properties){};