Réguas verticais no código do Visual Studio

781

Como as réguas verticais (observe o plural) podem ser configuradas no Código do Visual Studio?

No Sublime Text 2 eu posso fazer

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

Como isso funciona no Visual Studio?

"editor.ruler": 80

produz apenas uma régua vertical.

nalply
fonte

Respostas:

1309

O Visual Studio Code 0.10.10 introduziu esse recurso. Para configurá-lo, vá para o menu ArquivoPreferênciasConfigurações e adicione-o às configurações do usuário ou da área de trabalho:

"editor.rulers": [80,120]

A cor das réguas pode ser personalizada assim:

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}
Dimitar Asenov
fonte
2
Além disso, você pode tentar esta extensão marketplace.visualstudio.com/…
daronwolff
6
Se um pylint queixa te trouxe aqui (mensagem C0301, impondo PEP 8) - aviso eles mencionam o comprimento ideal para Python, que PEP 8 diz é 79
A Red Pea
11
O código VS não requer mais uma reinicialização para aplicar essa configuração a partir de 1.31.1, provavelmente antes.
Tomáš Hübelbauer 20/02/19
3
O que significa o segundo número?
Nocibambi 12/07/19
4
@nocibambi Múltiplas réguas são suportadas. O segundo número exibirá uma segunda régua na coluna 120
amrtn 14/08/19
194

Além da "editor.rulers"configuração global , também é possível definir isso em um nível por idioma.

Por exemplo, os guias de estilo para projetos Python geralmente especificam 79 ou 120 caracteres vs. as mensagens de confirmação do Git não devem ter mais que 50 caracteres.

Então, no seu settings.json, você colocaria:

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}
Jeff Widman
fonte
1
Obrigado pela dica! Eu uso essa opção para editar manualmente as mensagens de confirmação do Git no editor (e não na linha de comando). Se você já possui um valor padrão para os formatos de arquivo de todos os outros idiomas (por exemplo, de "editor.rulers": [ 80 ]acordo com os padrões de codificação Drupal) no escopo geral, é possível substituir apenas o formato de arquivo de mensagens de confirmação do Git adicionando-o ao final do seu settings.jsonarquivo: ` `` "[git-commit]": {"editor.rulers": [50],} `` `Desta forma, é totalmente separado, não afeta os arquivos de outros idiomas.
Balu Ertl
107

Com o Visual Studio Code 1.27.2:

  1. Quando vou a Arquivo> Preferências> Configurações , recebo a seguinte guia

    Captura de tela

  2. Digito réguas nas configurações de Pesquisa e recebo a seguinte lista de configurações

    captura de tela

  3. Clicando no primeiro Editar em settings.json , posso editar as configurações do usuário

    captura de tela

  4. Clicando no ícone de caneta que aparece à esquerda da configuração em Configurações padrão do usuário, posso copiá-lo nas configurações do usuário e editá-lo

Com o Visual Studio Code 1.38.1, a captura de tela mostrada no terceiro ponto muda para o seguinte.

insira a descrição da imagem aqui

O painel para selecionar os valores de configuração padrão do usuário não é mais exibido.

kiamlaluno
fonte
Estranho, clicar em "Editar no settings.json" apenas abre o json e também não adiciona uma entrada padrão. Preciso clicar no ícone de roda dentada (ele aparece apenas ao passar o mouse na configuração) -> Copiar ID da configuração / como JSON e colá-lo nas Configurações do usuário. Como você conseguiu as configurações Padrão / Usuário do painel duplo? Eu uso o código VS v1.38.1.
precisa saber é o seguinte
Eu estava usando o VSC 1.27.2. A versão 1.38.1 não mostra mais o painel duplo. É semelhante à janela de configurações usado a partir de Sublime Texto 3.
kiamlaluno
De qualquer forma, estou usando o VSC em uma distribuição Linux (openSUSE Tumbleweed, anterior e Ubuntu 19.04 agora).
kiamlaluno 27/09/19
1
Que pena. Se o padrão não for mostrado no painel duplo, eles poderiam inserir pelo menos um stub "editor.rulers": [80]para que o usuário não precise copiar o JSON manualmente. A janela de configurações da GUI nem mostra o valor atual de editor.rulers, como alguns outros ...
hsandt 21/01
47

Código do Visual Studio: Versão 1.14.2 (1.14.2)

  1. Pressione Shift+ Command+ Ppara abrir o painel
    • Para usuários não-macOS, pressione Ctrl+P
  2. Digite "settings.json" para abrir os arquivos de configuração.
  3. Na configuração padrão, você pode ver o seguinte:

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

    Isso significa que a matriz vazia não mostrará as réguas verticais.

  4. Na janela direita "configuração do usuário", adicione o seguinte:

    "editor.rulers": [140]

Salve o arquivo e você verá as réguas.

jialin wang
fonte
Re Ctrl+ Ppara usuários não-macOS: Tem certeza de que não é Shift+ Ctrl+ P?
Peter Mortensen
Você pode adicionar uma captura de tela do "painel" para que fique claro o que é?
Peter Mortensen
o que significa "Na janela direita" configuração do usuário "?"
Bwyss 24/03
17

Na v1.43, está a capacidade de colorir separadamente as réguas verticais.

Veja o problema Suporte a várias réguas com cores diferentes - (em 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"
  },
], 
Marca
fonte
Haha, eles adicionam mais e mais recursos.
nalply
Isso é muito bom ...
Lohith 11/03
É realmente lançado na versão de fevereiro de 2020 (1.43.0).
hans_meine 19/03
0

Combinando as respostas de kiamlaluno e Mark , junto com formatOnSave para codificar automaticamente o código para 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"
        },
    ],

}
Lohith
fonte