Règles verticales dans Visual Studio Code


782

Comment les règles verticales (notez le pluriel) peuvent-elles être configurées dans Visual Studio Code?

Dans Sublime Text 2, je peux faire

"rulers": [72, 80, 100, 120]

Comment cela fonctionne-t-il dans Visual Studio?

"editor.ruler": 80

produit une seule règle verticale.

Réponses:


1311

Visual Studio Code 0.10.10 a introduit cette fonctionnalité. Pour le configurer, allez dans le menu FichierPréférencesParamètres et ajoutez-le à vos paramètres d'utilisateur ou d'espace de travail:

"editor.rulers": [80,120]

La couleur des règles peut être personnalisée comme ceci:

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}

2
Vous pouvez également essayer cette extension marketplace.visualstudio.com/…
daronwolff

6
Si une plainte PyLint vous a amené ici (message C0301, application de PEP 8) - notez qu'ils mentionnent la longueur idéale pour Python, que PEP 8 dit être 79
The Red Pea

12
VS Code ne nécessite plus de redémarrage pour appliquer ce paramètre à partir de la version 1.31.1, probablement plus tôt.
Tomáš Hübelbauer

3
Que signifie le deuxième numéro?
nocibambi

4
@nocibambi Plusieurs règles sont prises en charge. Le deuxième nombre affichera une deuxième règle à la colonne 120
amrtn

194

En plus du "editor.rulers"paramètre global , il est également possible de le définir au niveau de chaque langue.

Par exemple, les guides de style pour les projets Python spécifient souvent 79 ou 120 caractères et les messages de validation Git ne doivent pas dépasser 50 caractères.

Donc, dans votre settings.json, vous mettriez:

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}

1
Merci pour l'astuce! J'utilise cette option pour éditer manuellement les messages de validation Git dans l'éditeur (plutôt qu'en ligne de commande). Si vous avez déjà une valeur par défaut pour tous les formats de fichiers de toutes les autres langues (par exemple "editor.rulers": [ 80 ]selon les normes de codage Drupal) de portée générale, il est possible d'écraser uniquement pour le format de fichier des messages de validation Git en ajoutant ceci à la fin de votre settings.jsonfichier: ` `` "[git-commit]": {"editor.rulers": [50],} `` `De cette façon, il est totalement séparé, n'affecte pas les autres fichiers de langue.
Balu Ertl

107

Avec Visual Studio Code 1.27.2:

  1. Lorsque je vais dans Fichier> Préférence> Paramètres , j'obtiens l'onglet suivant

    Capture d'écran

  2. Je tape des règles dans les paramètres de recherche et j'obtiens la liste de paramètres suivante

    capture d'écran

  3. En cliquant sur le premier Modifier dans settings.json , je peux modifier les paramètres utilisateur

    capture d'écran

  4. En cliquant sur l'icône du stylo qui apparaît à gauche du paramètre dans Paramètres utilisateur par défaut, je peux le copier sur les paramètres utilisateur et le modifier

Avec Visual Studio Code 1.38.1, la capture d'écran présentée sur le troisième point se transforme en la suivante.

entrez la description de l'image ici

Le panneau de sélection des valeurs par défaut des paramètres utilisateur ne s'affiche plus.


Étrange, cliquer sur "Modifier dans settings.json" ouvre simplement le json et n'ajoute pas non plus d'entrée par défaut. Je dois cliquer sur l'icône d'engrenage (elle n'apparaît que lorsque vous survolez le paramètre) -> Copier l'ID du paramètre / au format JSON, puis le coller dans les paramètres utilisateur. Comment avez-vous obtenu les paramètres par défaut / utilisateur à double volet? J'utilise le code VS v1.38.1.
hsandt

J'utilisais VSC 1.27.2. La version 1.38.1 ne montre plus le double panneau. Elle est similaire à la fenêtre de paramètres utilisée dans Sublime Text 3.
kiamlaluno

Quoi qu'il en soit, j'utilise VSC sur une distribution Linux (openSUSE Tumbleweed, plus tôt, et Ubuntu 19.04 maintenant).
kiamlaluno

1
Dommage. Si la valeur par défaut n'est pas affichée dans le double volet, ils pourraient au moins insérer un talon "editor.rulers": [80]afin que l'utilisateur n'ait pas à copier le JSON manuellement. La fenêtre des paramètres de l'interface graphique n'affiche même pas la valeur actuelle pour editor.rulers, comme quelques autres ...
hsandt

47

Code Visual Studio: version 1.14.2 (1.14.2)

  1. Appuyez sur Shift+ Command+ Ppour ouvrir le panneau
    • Pour les utilisateurs non macOS, appuyez sur Ctrl+P
  2. Entrez "settings.json" pour ouvrir les fichiers de paramètres.
  3. Au réglage par défaut, vous pouvez voir ceci:

    // Columns at which to show vertical rulers
    "editor.rulers": [],

    Cela signifie que le tableau vide n'affichera pas les règles verticales.

  4. Dans la fenêtre de droite "paramètre utilisateur", ajoutez ce qui suit:

    "editor.rulers": [140]

Enregistrez le fichier et vous verrez les règles.


Re Ctrl+ Ppour les utilisateurs non macOS: êtes-vous sûr que ce n'est pas Shift+ Ctrl+ P?
Peter Mortensen

Pouvez-vous ajouter une capture d'écran du "panneau" pour qu'il soit clair de quoi il s'agit?
Peter Mortensen

qu'est-ce que "à droite" "réglage utilisateur"?
Bwyss

17

Dans v1.43 est la possibilité de colorer séparément les règles verticales.

Voir le problème Prise en charge de plusieurs règles de différentes couleurs - (dans settings.json):

"editor.rulers": [
  {
    "column": 80,
    "color": "#ff00FF"
  },
  100,  // <- a ruler in the default color or as customized at column 0
  {
    "column": 120,
    "color": "#ff0000"
  },
], 

Haha, ils ajoutent de plus en plus de fonctionnalités.
nalply

C'est très agréable ...
Lohith

Il est en effet sorti dans la version de février 2020 (1.43.0).
hans_meine

0

Combiner les réponses de kiamlaluno et Mark , ainsi que formatOnSave au code autointent pour Python:

{
    "editor.formatOnSave": true,
    "editor.autoIndent": "advanced",
    "editor.detectIndentation": true,
    "files.insertFinalNewline": true,
    "files.trimTrailingWhitespace": true,
    "editor.formatOnPaste": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "editor.rulers": [
        {
            "column": 79,
            "color": "#424142"
        },
        100, // <- a ruler in the default color or as customized at column 0
        {
            "column": 120,
            "color": "#ff0000"
        },
    ],

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