Righelli verticali nel codice di Visual Studio


781

Come si possono configurare i righelli verticali (notare il plurale) in Visual Studio Code?

In Sublime Text 2 posso fare

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

Come funziona in Visual Studio?

"editor.ruler": 80

produce solo un righello verticale.

Risposte:


1310

Visual Studio Code 0.10.10 ha introdotto questa funzionalità. Per configurarlo, vai al menu FilePreferenzeImpostazioni e aggiungi questo alle impostazioni dell'utente o dell'area di lavoro:

"editor.rulers": [80,120]

Il colore dei righelli può essere personalizzato in questo modo:

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

2
Inoltre, potresti provare questa estensione marketplace.visualstudio.com/…
daronwolff,

6
Se un reclamo PyLint ti ha portato qui (messaggio C0301, che impone PEP 8) - nota che menzionano la lunghezza ideale per Python, che PEP 8 dice 79
Il pisello rosso

12
Il codice VS non richiede più un riavvio per applicare questa impostazione a partire dalla 1.31.1, probabilmente prima.
Tomáš Hübelbauer,

3
Cosa significa il secondo numero?
nocibambi,

4
@nocibambi Sono supportati più righelli. Il secondo numero mostrerà un secondo righello nella colonna 120
amrtn

194

Oltre "editor.rulers"all'impostazione globale , è anche possibile impostarlo a livello di lingua.

Ad esempio, le guide di stile per i progetti Python spesso specificano che 79 o 120 caratteri rispetto ai messaggi di commit di Git non devono superare i 50 caratteri.

Quindi nel tuo settings.json, inseriresti:

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

1
Grazie per il suggerimento! Uso questa opzione per modificare manualmente i messaggi di commit di Git nell'editor (anziché nella riga di comando). Se hai già un valore predefinito per tutti i formati di file di tutte le altre lingue (ad esempio "editor.rulers": [ 80 ]per gli standard di codifica Drupal) in ambito generale, è possibile sovrascrivere solo per il formato di file dei messaggi di commit Git aggiungendolo alla fine del tuo settings.jsonfile: ` `` "[git-commit]": {"editor.rulers": [50],} `` `In questo modo è completamente separato, non influisce sui file di altre lingue.
Balu Ertl,

107

Con Visual Studio Code 1.27.2:

  1. Quando vado su File> Preferenze> Impostazioni , ottengo la seguente scheda

    Immagine dello schermo

  2. Digito righelli nelle impostazioni di ricerca e ottengo il seguente elenco di impostazioni

    immagine dello schermo

  3. Facendo clic sul primo Modifica in settings.json , posso modificare le impostazioni dell'utente

    immagine dello schermo

  4. Facendo clic sull'icona della penna che appare a sinistra dell'impostazione in Impostazioni utente predefinite posso copiarla sulle impostazioni dell'utente e modificarla

Con Visual Studio Code 1.38.1, lo screenshot mostrato sul terzo punto cambia in quello successivo.

inserisci qui la descrizione dell'immagine

Il pannello per la selezione dei valori di impostazione utente predefiniti non viene più visualizzato.


Strano, facendo clic su "Modifica in settings.json" si apre semplicemente il json e non si aggiunge nemmeno una voce predefinita. Devo fare clic sull'icona a forma di ingranaggio (appare solo quando si passa con il mouse sull'impostazione) -> Copia ID impostazione / come JSON, quindi incollarlo nelle Impostazioni utente. Come hai ottenuto le impostazioni predefinite / utente del doppio riquadro? Uso il codice VS v1.38.1.
hsandt,

Stavo usando VSC 1.27.2. La versione 1.38.1 non mostra più il doppio pannello. È simile alla finestra delle impostazioni utilizzata da Sublime Text 3.
kiamlaluno,

Ad ogni modo, sto usando VSC su una distribuzione Linux (openSUSE Tumbleweed, precedente, e Ubuntu 19.04 ora).
Kiamlaluno,

1
Peccato. Se il valore predefinito non viene visualizzato nel doppio riquadro, potrebbero almeno inserire uno stub in "editor.rulers": [80]modo che l'utente non debba copiare manualmente JSON. La finestra delle impostazioni della GUI non mostra nemmeno il valore corrente per editor.rulers, come pochi altri ...
hsandt

47

Codice di Visual Studio: versione 1.14.2 (1.14.2)

  1. Premi Shift+ Command+ Pper aprire il pannello
    • Per utenti non macOS, premere Ctrl+P
  2. Immettere "settings.json" per aprire i file di impostazione.
  3. All'impostazione predefinita, puoi vedere questo:

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

    Ciò significa che l'array vuoto non mostrerà i righelli verticali.

  4. Nella finestra di destra "impostazione utente", aggiungere quanto segue:

    "editor.rulers": [140]

Salva il file e vedrai i righelli.


Re Ctrl+ Pper utenti non macOS: sei sicuro che non sia Shift+ Ctrl+ P?
Peter Mortensen,

Puoi aggiungere uno screenshot del "pannello" in modo che sia chiaro di cosa si tratta?
Peter Mortensen,

cosa significa "Impostazione utente" alla finestra di destra?
Bwyss

17

In v1.43 è la possibilità di colorare separatamente i righelli verticali.

Vedi problema Supporta più righelli con colori diversi - (in 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, aggiungono sempre più funzionalità.
inalterato il

È molto carino ...
Lohith l'

È infatti uscito nella versione di febbraio 2020 (1.43.0).
Hans_meine,

0

Combinando le risposte di kiamlaluno e Mark , insieme a formatOnSave al codice autointente per 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"
        },
    ],

}
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.