Ajustar automáticamente las líneas en la columna en VSCode
¿Cómo puedo ajustar automáticamente las líneas en VSCode? Con esto quiero decir que si una línea llega a 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 pasarse. Vim tiene una configuración llamada ancho de texto que hace esto que me gusta usar al editar Markdown. No parece que VSCode lo haga, hasta donde yo sé. Simplemente tiene formas de controlar el softwrapping.
VSCode no admite esto de fábrica. Pero puedes instalar la Rewrapextensión, que te permite formatear el bloque en el que se encuentra actualmente el cursor presionando Alt+ Q.
Rewrapno requiere más configuraciones, ya que lee la configuración de VSCode para obtener la columna en la que dividirse.
Rewraptambién admite ajuste automático (desactivado de forma predeterminada): https://github.com/stkb/Rewrap/wiki/Auto-wrap
Desafortunadamente, VSCode aún no tiene esta característica. Pero aún podemos hacer que sea tan parecido como la hermosa característica de ajuste automático de palabras de vim .
Primer paso
Necesitamos configurar la función de ajuste de texto suave en VSCode.
- Abra la configuración de VSCode a través de
Code => Preferences => Settings. Agregue estas 3 líneas de configuración del editor.
"editor.wordWrap": "wordWrapColumn", "editor.wrappingIndent": "same", "editor.wordWrapColumn": nNo olvide cambiar ( n ) con la longitud de línea de columnas que prefiera. Para mí, me siento más cómodo poniéndolo en 60.
Guarde esta configuración.
El objetivo principal de este primer paso es hacernos sentir más cómodos cuando escribimos porque no necesitamos escribir manualmente Entery ver una larga línea de texto.
Segundo paso
Necesitamos instalar la emulación Vim para VSCode y configurar vim textwidth.
- Instale la emulación de Vim a través de extensiones VSCode.
- Abra la configuración de VSCode a través de
Code => Preferences => Settings. Agregue esta línea de configuración de vim.
"vim.textwidth": n,No olvide cambiar ( n ) con la longitud de línea de columnas que prefiera. Para mí, configuraré que esto sea igual con ( n ) en el primer paso.
Guarde esta configuración.
Uso actual
Cuando termine de escribir todo el documento, puede formatearlo para que tenga líneas ajustadas de esta manera.
- Bloquear todo el texto usando el modo de línea visual ( Shift+v)
- Escribe 'gq'
A partir de 2020 y si estás usando el Prettier - Code formattercomplemento:
Go to Plugins -> Find Prettier -> Cog -> Extension Settings -> Prettier: Print Width Fit code within this line limity configúralo como quieras. Por defecto es 80.
Cuando guardes el archivo, Prettier lo formateará automáticamente.
Comentarios sobre envoltura dura
Utilice 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 a la columna) o "editor.wordWrap": "bounded"(se ajusta a la columna o a 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.
No dudes en votar a favor de esta solicitud de función .
