Reglas verticales en Visual Studio Code

782

¿Cómo se pueden configurar las reglas verticales (tenga en cuenta el plural) en Visual Studio Code?

En Sublime Text 2 puedo hacer

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

¿Cómo funciona esto en Visual Studio?

"editor.ruler": 80

produce solo una regla vertical.

finalmente
fuente

Respuestas:

1311

Visual Studio Code 0.10.10 introdujo esta característica. Para configurarlo, vaya al menú ArchivoPreferenciasConfiguración y agréguelo a su configuración de usuario o espacio de trabajo:

"editor.rulers": [80,120]

El color de las reglas se puede personalizar así:

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#ff4081"
}
Dimitar Asenov
fuente
2
Además, puede probar esta extensión marketplace.visualstudio.com/…
daronwolff
66
Si una queja de PyLint lo trajo aquí (mensaje C0301, aplicando PEP 8) - observe que mencionan la longitud ideal para Python, que PEP 8 dice que es 79
The Red Pea
12
VS Code ya no requiere un reinicio para aplicar esta configuración a partir de 1.31.1, probablemente antes.
Tomáš Hübelbauer
3
¿Qué significa el segundo número?
nocibambi
44
@nocibambi Se admiten varias reglas. El segundo número mostrará una segunda regla en la columna 120
amrtn
194

Además de la "editor.rulers"configuración global , también es posible configurar esto en un nivel por idioma.

Por ejemplo, las guías de estilo para proyectos de Python a menudo especifican 79 o 120 caracteres en comparación con los mensajes de confirmación de Git que no deben tener más de 50 caracteres.

Entonces en tu settings.json, pondrías:

"[git-commit]": {"editor.rulers": [50]},
"[python]": {
    "editor.rulers": [
        79,
        120
    ]
}
Jeff Widman
fuente
1
¡Gracias por la pista! Utilizo esta opción para editar manualmente los mensajes de confirmación de Git en el editor (en lugar de en la línea de comandos). Si ya tiene un valor predeterminado para los formatos de archivo de todos los demás idiomas (por ejemplo, "editor.rulers": [ 80 ]según los estándares de codificación de Drupal) en el ámbito general, entonces es posible sobrescribir solo para el formato de archivo de mensajes de confirmación Git agregando esto al final de su settings.jsonarchivo: ` `` "[git-commit]": {"editor.rulers": [50],} `` `De esta manera está totalmente separado, no afecta a otros archivos de idioma.
Balu Ertl
107

Con Visual Studio Code 1.27.2:

  1. Cuando voy a Archivo> Preferencia> Configuración , aparece la siguiente pestaña

    Captura de pantalla

  2. Escribo reglas en la configuración de búsqueda y obtengo la siguiente lista de configuraciones

    captura de pantalla

  3. Al hacer clic en la primera edición en settings.json , puedo editar la configuración del usuario

    captura de pantalla

  4. Al hacer clic en el ícono del lápiz que aparece a la izquierda de la configuración en Configuración predeterminada del usuario , puedo copiarlo en la configuración del usuario y editarlo

Con Visual Studio Code 1.38.1, la captura de pantalla que se muestra en el tercer punto cambia a la siguiente.

ingrese la descripción de la imagen aquí

El panel para seleccionar los valores de configuración de usuario predeterminados ya no se muestra.

kiamlaluno
fuente
Extraño, hacer clic en "Editar en settings.json" simplemente abre el json y tampoco agrega una entrada predeterminada. Necesito hacer clic en el ícono de ajustes (solo aparece al pasar el mouse sobre la configuración) -> Copiar ID de configuración / como JSON, luego pegarlo en la Configuración del usuario. ¿Cómo obtuvo la configuración predeterminada / Usuario de doble panel? Yo uso el código VS v1.38.1.
hsandt
Estaba usando VSC 1.27.2. La versión 1.38.1 ya no muestra el panel dual. Es similar a la ventana de configuración utilizada en Sublime Text 3.
kiamlaluno
De todos modos, estoy usando VSC en una distribución de Linux (openSUSE Tumbleweed, antes, y Ubuntu 19.04 ahora).
kiamlaluno
1
Demasiado. Si el valor predeterminado no se muestra en el panel dual, al menos podrían insertar un código auxiliar "editor.rulers": [80]para que el usuario no tenga que copiar el JSON manualmente. La ventana de configuración de la GUI ni siquiera muestra el valor actual para editor.rulers, como algunos otros ...
hsandt
47

Código de Visual Studio: versión 1.14.2 (1.14.2)

  1. Presione Shift+ Command+ Ppara abrir el panel
    • Para usuarios que no son macOS, presione Ctrl+P
  2. Ingrese "settings.json" para abrir los archivos de configuración.
  3. En la configuración predeterminada, puede ver esto:

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

    Esto significa que la matriz vacía no mostrará las reglas verticales.

  4. En la ventana derecha "configuración del usuario", agregue lo siguiente:

    "editor.rulers": [140]

Guarde el archivo y verá las reglas.

jialin wang
fuente
Re Ctrl+ Ppara usuarios que no son macOS: ¿Está seguro de que no es Shift+ Ctrl+ P?
Peter Mortensen
¿Puedes agregar una captura de pantalla del "panel" para que quede claro de qué se trata?
Peter Mortensen
¿Qué significa "Configuración de usuario" en la ventana derecha "?"
Bwyss
17

En v1.43 es la capacidad de colorear por separado las reglas verticales.

Consulte el problema Admite varias reglas con diferentes colores : (en 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
fuente
Jaja, agregan más y más características.
nalply
Esto es muy agradable ...
Lohith
De hecho, salió en la versión de febrero de 2020 (1.43.0).
hans_meine
0

Combinando las respuestas de kiamlaluno y Mark , junto con formatOnSave para codificar automáticamente el 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
fuente