web-dev-qa-db-fra.com

Comment changer le style des crochets assortis dans Sublime Text 2/3?

Il s'agit simplement de souligner les parenthèses correspondantes, est-il possible de le rendre plus utile, comme changer la couleur des parenthèses ou mettre en évidence la ligne des parenthèses?

sublimetext2sublimetextsublimetext3
51
ocanal

il y a un plugin BracketHighlighter

fonctionnalités:

  • Surlignage personnalisable des crochets (), [], <>, {}
  • Surlignage personnalisable des balises (prend en charge les balises unaires et prend en charge la fermeture automatique /> (HTML5 à venir))
  • Surlignage personnalisable des devis
  • Désactiver ou activer sélectivement la correspondance spécifique des balises, des crochets ou des guillemets
  • Liste sélective ou liste noire correspondant à des balises, crochets ou citations spécifiques en fonction de la langue
  • Lorsque vous utilisez un raccourci à la demande, affichez le nombre de lignes et le nombre de caractères entre les correspondances dans la barre d'état
  • Raccourcis pour déplacer le curseur au début ou à la fin du contenu entre crochets (se concentrera sur le début ou la fin du crochet s'il n'est pas actuellement multi-sélection)
  • Raccourci pour sélectionner tout le contenu entre crochets
  • et d'autres, voir le site github.
42
fengd

Vous pouvez changer la couleur des crochets en modifiant le fichier de couleurs de votre thème.

Allez dans Préférences/Parcourir les packages dossier ouvert Schéma de couleurs - Par défaut découvrez votre fichier de thème actuel (par défaut Monokai.tmTheme). Ouvrez-le en utilisant Sublime Text et trouvez la partie suivante:

<key>bracketsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketsOptions</key>
<string>underline</string>

<key>bracketContentsForeground</key>
<string>#F8F8F2A5</string>
<key>bracketContentsOptions</key>
<string>underline</string>

Ici, vous pouvez modifier l'apparence de vos supports. Si vous le changez en quelque chose comme ceci:

<key>bracketsForeground</key>
<string>#FF8000</string>
<key>bracketsOptions</key>
<string>foreground</string>

<key>bracketContentsForeground</key>
<string>#FF8000</string>
<key>bracketContentsOptions</key>
<string>foreground</string>

..vous supprimerez le soulignement et ajouterez une couleur orange à vos crochets.

Jetez un œil au reste du fichier car (peut-être) vous trouverez quelque chose de plus à changer;)

Il n'est pas nécessaire de redémarrer sublime pour voir les changements. Enregistrez simplement le fichier.

Mise à jour pour Sublime Text3

  1. Accédez à votre dossier d'installation de Sublime Text 3; cd dans le dossier "Packages". Rechercher Color Scheme - Default.sublime-package et copiez-collez-le dans votre dossier Packages (sous windows se trouve %APPDATA%\Sublime Text 3\Packages).
  2. Décompressez le fichier (avec n'importe quel outil de décompression).
  3. Accédez au nouveau dossier généré et modifiez le fichier de votre thème (mêmes étapes que dans Sublime Text 2).
  4. Après avoir appliqué vos modifications, enregistrez le fichier et vous verrez vos modifications.
  5. Si vous le souhaitez, vous pouvez compresser à nouveau le fichier au format Zip à l'aide de .sublime-package extension mais si vous le faites, vous devez déplacer ce fichier vers Installed Packages dossier.

Mise à jour 2

Il existe un package très utile pour l'édition des plugins nommé PackageResourceViewer . Il vous permet d'éditer des packages très facilement, en faisant toutes les opérations de décompression et de déplacement pour vous.

69
elboletaire

La couleur du support et d'autres préférences de visibilité peuvent être modifiées sans utiliser de plugin. Vous trouverez ci-dessous une méthode pour implémenter ces modifications de manière native.

Remarque: J'ai récemment rédigé cette réponse sur le forum SublimeText. Il y a une réponse (non acceptée) similaire ici, mais j'ai inclus quelques détails non mentionnés et une référence visuelle.

EXEMPLE

Voici ma configuration personnelle:

Demo1

Demo2

PARAMÈTRES

Vous trouverez ci-dessous tous mes paramètres liés à la visibilité.

Comme vous pouvez le voir dans les exemples: brackets les paramètres dictent la couleur des paires de crochets si un curseur est placé SUR un support, tandis que bracketContents les paramètres dictent la couleur des paires de crochets si un curseur est placé À L'INTÉRIEUR un ensemble de supports.

Mon bracketContentsOptions est défini sur underline, mais vous pouvez le remplacer par foreground si vous souhaitez qu'il soit mis en surbrillance lors des deux instances.

@ Preferences.sublime-settings

"always_show_minimap_viewport" : true,
"caret_extra_bottom"           : 3,
"caret_extra_top"              : 3,
"caret_extra_width"            : 1,
"caret_style"                  : "phase",
"draw_minimap_border"          : true,
"fade_fold_buttons"            : false,
"fold_buttons"                 : true,
"highlight_line"               : true,
"highlight_modified_tabs"      : true,
"line_numbers"                 : true,
"match_brackets"               : true,
"match_brackets_angle"         : true,
"match_brackets_braces"        : true,
"match_brackets_content"       : true,
"match_brackets_square"        : true,
"match_selection"              : true,
"match_tags"                   : true,
"overlay_scroll_bars"          : "enabled",

@ YourColorScheme.tmTheme

    <!-- Indent Guides -->

        <key>guide</key>
        <string>#14191F</string>

        <key>stackGuide</key>
        <string>#14191F</string>

        <key>activeGuide</key>
        <string>#2E4589</string>

    <!-- Highlighted Brackets -->

        <key>bracketsForeground</key>
        <string>#D80E64</string>

        <key>bracketsOptions</key>
        <string>foreground</string>

        <key>bracketContentsForeground</key>
        <string>#D80E64</string>

        <key>bracketContentsOptions</key>
        <string>underline</string>

    <!-- Document Selection -->

        <key>caret</key>
        <string>#D80E64</string>

        <key>lineHighlight</key>
        <string>#121522</string>

        <key>selection</key>
        <string>#1D416B</string>

        <key>selectionForeground</key>
        <string>#bbccff</string>

        <key>selectionBorder</key>
        <string>#4D71FF</string>

        <key>inactiveSelection</key>
        <string>#1D416B</string>

        <key>inactiveSelectionForeground</key>
        <string>#bbccff</string>

    <!-- Search Results -->

        <key>findHighlight</key>
        <string>#0BD0AC</string>

        <key>findHighlightForeground</key>
        <string>#000000</string>
12
Enteleform

Avec le package BracketHighlighter, modifiez votre thème (tmTheme) et ajoutez:

    <dict>
        <key>name</key>
        <string>Tag</string>
        <key>scope</key>
        <string>brackethighlighter.default</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#ffff00</string>
        </dict>
    </dict>
3
elado
<dict>
    <key>name</key>
    <string>Tag</string>
    <key>scope</key>
    <string>meta.tag, declaration.tag</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#0033CC</string>
    </dict>
</dict>

Cela change les couleurs des crochets en sb3

2
rgfx