Guía de atajos de VsCode parte 4: edición de código con múltiples cursores

Es hora de seguir avanzando en nuestro camino para mejorar en el uso del editor de texto VsCode, esta sería la cuarta parte de atajos que puedes utilizar en VsCode para mejorar la velocidad de desarrollo, en este post vamos a ver algunos que te ayudarán a la edición de código.

Y si al terminar de leer este post quieres conocer las otras 3 partes, te las dejaremos a continuación:

Ahora sí, vamos con los atajos:


Ver todo el contenido

Hay veces que una línea de texto podría no caber en el ancho de nuestra ventana, lo que hace que el texto que exceda este ancho esté oculto y tengamos que hacer scroll horizontal.

Si usamos este atajo, todo el contenido que estaba oculto se ubicará como salto de línea, pero no se tratará de una línea diferente, si el código está en la línea 5 , seguirá estando en la línea 5, y podremos deshacer este cambio si ejecutamos de nuevo el atajo.

Windows ES/EN:

alt + z

MacOS:

+ z

Ver todo el contenido con alt + z

Sugerencias de autocompletado

Con este atajo, vamos a poder ver las sugerencias que pueda detectar nuestro editor, por ejemplo, si tenemos un objeto con métodos y atributos, cuando busquemos uno en específico podremos presionar este atajo y ver las opciones disponibles para este.

Si estás utilizando TypeScript por ejemplo, es sumamente útil ya que podremos ver todas las opciones disponibles para llamar métodos.

Windows ES/EN:

ctrl + space

MacOS:

+ space o + I

Activar sugerencias con ctrl + space

Multiples cursores

Cuando vamos a editar en veces necesitamos editar múltiples líneas de nuestro código, una forma de esto es generar múltiples cursores.

Estos se generarán hacia arriba o abajo de la selección actual de cursores

Windows ES/EN:

ctrl + alt +

o

ctrl + alt +

MacOS:

+ +

o

+ +

Múltiples cursores con ctrl + alt + o

Múltiples cursores con el mouse

Si se te hace más cómodo o necesitas saltar una línea intermedia puedes hacerlo con este comando, solo debes posicionar el puntero sobre el espacio exacto donde quieres el siguiente cursor

Windows ES/EN:

alt + click

MacOS:

+ click

Múltiples cursores con el mouse con alt + click

Seleccionar todas las coincidencias

Otra forma de usar múltiples cursores es a través de las definiciones, esto es muy útil cuando queremos cambiar alguna definición en todo nuestro archivo, por ejemplo podemos seleccionar a todas las definiciones de «chanchito» y cambiarla por «perritos».

Tendremos que seleccionar el texto que queremos que se encuentren las coincidencias y después usar el atajo

Y ten en cuenta que esto va a hacer el cambio en todos los lugares donde haya encontrado dicha palabra o caracteres

Windows ES/EN:

ctrl + shift + l

MacOS:

+ + L

Seleccionar todas las coincidencias ctrl + shift + l

Seleccionar la siguiente coincidencia

Pero a veces no queremos cambiar todas las definiciones, para esto tenemos este atajo que nos permitirá hacer múltiples selecciones, pero iré de una en una hacia las línea de debajo de nuestra selección

Windows ES/EN:

ctrl + d

MacOS:

+ D

Seleccionando siguiente coincidencia ctrl + shift + d

Deshacer acción de cursor

Si te has pasado por una definición, podrás cancelar el último cursor que hayas generado o volver a la última línea donde se encuentre el selector, esto es como el atajo para deshacer qué hacemos con ctrl + z, pero para la posición del cursor y los múltiples cursores que hayamos generado.

Cada que presionemos este atajo irá un paso hacia atrás en donde se encontraba nuestro cursor anterior

Windows ES/EN:

ctrl + u

MacOS:

+ U

Deshacer acción de cursor ctrl + u

Cancelar todos los cursores

Pero si ya no quieres ver todos los cursores este atajo los cancelará todos dejándonos en la línea original donde comenzamos,

Otra forma de ir cancelando los cursores será avanzar en la última línea o la primera línea automáticamente se cancelarán.

esc

Cancelar todos los cursores ctrl + esc

Estos han sido atajos que te permitirán trabajar de una manera más rápida cuando editamos código, y si no has visto las otras 3 partes o nuestro curso de VsCode te dejamos los enlaces a continuación:

Igualmente te dejaremos el enlace a todos nuestros cursos de programación, los cuales los encontrarás disponibles en la academia Hola Mundo y puedes optar por adquirir los cursos de manera individual en el siguiente link: todos los cursos de Hola Mundo, pero si prefieres acceso a todo, también puedes elegir un plan de suscripción mensual o anual, o tambien puedes optar por cada curso de manera individual en Udemy.

Y esto ha sido todo de este post, si te ha encantado, ¡golpea al botón de me gusta!, dejanos un comentario, y para no perderte nada, no olvides suscribirte a este blog, seguirnos en todas las redes como Youtube, Twitter, Instagram y Tiktok, y por último, te invitamos a escuchar nuestra música «Hola Beats«, diseñada para ayudarte a concentrarte y acompañarte en tu aprendizaje o trabajo, la puedes encontrar en Spotify, Apple Music, Amazon Music, Youtube Music y Deezer.

¡Hasta la próxima!, y chao mundo

Gabriel Hernández

Soy desarrollador fullstack autodidacta y estudié administración en la universidad. Mi stack es principalmente con JavaScript, haciendo frontend con React y Next, y backend con Node y Express. Otras herramientas con las que he trabajado son Python para backend y Solidity para desarrollo de contratos inteligentes.

Comments (3)

Deja un comentario

Press ESC to close

Descubre más desde Hola Mundo

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo