visual update tutorial temas tag studio para how español code closing close brackethighlighter visual-studio-code vscode-settings

visual studio code - update - Líneas de ajuste automático en la columna en VSCode



visual studio code highlight closing tag (5)

¿Cómo puedo ajustar automáticamente las líneas en VSCode? Con eso quiero decir que si una línea alcanza una columna específica, inserte automáticamente una nueva línea en el límite de la palabra más cercana a esa columna sin pasar. Vim tiene una configuración llamada textwidth que hace esto que me gusta usar cuando edito Markdown. No parece que VSCode lo haga, por lo que puedo decir. Simplemente tiene formas de controlar la envoltura suave.


Actualmente hay una solicitud abierta para esto en el rastreador de problemas de código VS en GitHub, puede encontrarlo aquí


Ahora VSCode admite el ajuste automático fuera de la caja.

Configuración -> Editor de texto -> Las últimas 3 opciones (como en la actualidad) es para el ajuste automático.

  1. Word Wrap (controla cómo deben ajustarse las líneas)
  2. Columna de ajuste de Word (Controla la columna de ajuste del editor)
  3. Sangría de ajuste (controla la sangría de las líneas ajustadas)

Por defecto, Word Wrap está desactivado.


Desafortunadamente, VSCode aún no tiene esta característica. Pero, aún podemos hacer que sea tan cerca como textwidth hermosa característica de textwidth .

Primer paso

Necesitamos configurar la función de ajuste suave de palabras en VSCode.

  1. Abra la configuración de VSCode mediante Code => Preferences => Settings .
  2. Agregue estas 3 líneas de configuración del editor.

    "editor.wordWrap": "wordWrapColumn", "editor.wrappingIndent": "same", "editor.wordWrapColumn": n

    No olvide cambiar ( n ) con su longitud preferida de línea de columnas. Para mí, me siento más cómodo para configurarlo en 60.

  3. Guarda esta configuración.

El objetivo principal de este primer paso es hacernos sentir más cómodos cuando estamos escribiendo porque no necesitamos escribir manualmente y ver una larga línea de texto.

Segundo paso

Necesitamos instalar la emulación Vim para VSCode y establecer el vim textwidth .

  1. Instale la emulación Vim a través de extensiones VSCode.
  2. Abra la configuración de VSCode mediante Code => Preferences => Settings .
  3. Agregue esta línea de configuración de vim.

    "vim.textwidth": n,

    No olvide cambiar ( n ) con su longitud preferida de línea de columnas. Para mí, estableceré que esto sea lo mismo con ( n ) en el primer paso.

  4. Guarda esta configuración.

Uso actual

Cuando termine de escribir todo su documento, puede formatearlo para que sea líneas de ajuste rígido de esta manera.

  1. Bloquee todo el texto usando el modo de línea visual ( Shift + v)
  2. Escriba ''gq''

VSCode no admite esto fuera de la caja. Pero puede instalar la extensión Rewrap , que le permite formatear el bloque en el que se encuentra su cursor presionando Alt + Q.

Rewrap no requiere más configuraciones, ya que lee la configuración de VSCode para obtener la columna en la que se divide.

Si bien Rewrap no es automático (debe presionar el atajo de teclado cada vez que desee formatear), el Rewrap automático parece ser una característica que aparecerá en la próxima versión de Rewrap : https://github.com/stkb/Rewrap/issues/45


Comentarios de envoltura dura

Use la extensión Rewrap .

Código de envoltura suave

Agregue la siguiente configuración (reemplace el ancho de columna con su preferencia): "editor.wordWrapColumn": 100

Luego agregue "editor.wordWrap": "wordWrapColumn" (se ajusta en la columna) o "editor.wordWrap": "bounded" (se ajusta en la columna o en la ventana gráfica).

Comentarios de envoltura dura y código de envoltura suave

Lamentablemente, la extensión y la configuración de VSCode no funcionan bien.

Siéntase libre de votar esta solicitud de función .