Bienvenido a la tercera parte de estos post de extensiones de VsCode, ya anteriormente vimos atajos para usar el editor y atajos de navegación los cuales te recomiendo, ya que en la primera parte vimos cómo usar esta herramienta usando atajos y el segundo para manejarnos entre los archivos que tengamos en el proyecto. Y en este tercero vamos a ver los primeros atajos que podemos ocupar para cuando escribimos código.
Atajos basicos
Si sabes uso básico de una computadora sabrás que puedes usar comandos para copiar, cortar y pegar contenido, pero vamos a dejarte un par de notas para el uso de estos atajos en VsCode:
Copiar y cortar
Para copiar o cortar una línea de código completa, no es necesario seleccionar su contenido, con el solo hecho de colocar el cursor en esa línea y presionando el comando es que puedes realizar la acción, pero por el lado contrario lo que quieres es copiar varias líneas o solo un fragmento específico si tendrás que seleccionarla.
Windows ES/EN, Copiar:
ctrl + c
Windows ES/EN, Cortar:
ctrl + x
MacOS, Copiar:
⌘ + C
MacOS, Cortar:
⌘ + V
Pegar
Para pegar código no necsitamos tener la línea de código para pegar su contenido si lo que harás es pegar una línea completa, lo que puedes realizar es colocar el cursor en la linea inferior a donde quieras copiar, ya que el contenido que pegues se pegará en la línea superior de donde estés ubicado.
Windows ES/EN:
ctrl + v
MacOS:
⌘ + V
Indentar código
Para indentar o aplicar sangrado a una línea de código, podemos usar la tecla tab para dar el espaciado automáticamente, se aplica el que tengas configurado.
Pero si quieres quitar un espacio de indentación, puedes usar la combinación shift + tab en Windows y con ⇧ + tab
tab
Atajos para edición de código
Después de estos atajos, los cuales son los más básicos , vamos con algunos atajos básicos que te servirán para cuando te encuentres escribiendo código
Comentar código
Para comentar el código, normalmente escribimos antes de lo que queramos comentar los símbolos: // , #, /**/, esto depende del lenguaje, pero directamente podemos evitar escribir esto con este comando.
Al igual que los ejemplos anteriores, puedes situar el cursor en una línea y esta se comentará en su totalidad, para hacer comentar varias líneas puedes seleccionar parcialmente o totalmente las líneas que quieras comentar.
El mismo atajo nos funcionará para descomentar una línea comentada.
Windows ES
ctrl + }
Windows EN
ctrl + /
MacOS:
⌘
ctrl + }Borrar una línea de código
No es necesario que seleccionemos todo el contenido de una línea que queramos borrar, usando el comando se borrará la línea en donde tengamos colocado el cursor.
Igualmente, lo podemos utilizar para borrar una selección o líneas de código
Windows ES/EN:
ctrl + shift + k
MacOS:
⇧ + ⌘ + K
ctrl + shift + kMover código
Si viste que es muy fácil copiar, cortar y pegar, vamos a ver un atajo sumamente útil para esto, ya sea que igualmente posicionemos el cursor o seleccionemos las líneas de código, con este atajo podremos mover una o las líneas seleccionamos hacia arriba o hacia abajo
Windows ES/EN:
alt + ↑ o alt + ↓
MacOS:
⌥ + ↑ o ⌥ + ↓
Duplicar linea de código
Si no quieres mover la línea, pero si necesitas duplicar contenido puedes aplicar este comando para duplicar la línea en la que está ubicado el cursor o la selección que hagamos, este contenido siempre se duplicará en las líneas que estén debajo.
Windows ES/EN
shift + alt + ↓
o
shift + alt + ↑
MacOS:
⇧ + ⌥ + ↓
o
⇧ + ⌥ + ↑
shift + alt + ↓ Guardar
Si quieres guardar el progreso de lo que has escrito posiblemente este es uno de los comandos que más utilices, este guardará el progreso del archivo que tengamos activo en la pantalla y si tienes un servidor de desarrollo en tu local lo más probable es que te sirva para hacer una recarga de este al presionar el comando.
Windows ES/EN:
ctrl + s
MacOS:
⌘ + S
Ahora que hemos visto estos atajos, pon en práctica lo aprendido, igualmente te dejamos los otros post que tenemos sobre los atajos de VsCode:
- Parte 1: Atajos para usar el editor VsCode,
- Parte 2: Atajos de navegación en VsCode
- Parte 4: Atajos de VsCode: edición de código con múltiples cursores
Y adicionalmente te dejaremos el curso gratuito de VsCode en nuestro canal de Youtube.
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, 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 e Instagram, 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
Comments (4)
Guía de atajos de VsCode parte 2: atajos de navegación – Hola Mundosays:
abril 27, 2023 at 11:56 am[…] Igualmente, te dejaremos un par de links, el primero de ellos, él curso gratuito de VsCode si es que vas comenzando a programar, como segundo, el enlace a la primera parte de esta serie de post, para aprender a usar de mejor manera el editor Guía de atajos de VsCode: atajos para usar el editor y la parte 3, sobre la edición básica de código Guía de atajos de VsCode parte 3: edición básica de código […]
Ruta para comenzar a programar con Hola Mundo – Hola Mundosays:
mayo 1, 2023 at 4:07 pm[…] Guía de atajos de VsCode parte 3: edición básica de código […]
Guía de atajos de VsCode: atajos para usar el editor – Hola Mundosays:
mayo 18, 2023 at 3:17 pm[…] Igualmente, te dejaremos la parte 2 de esta serie de post, donde ahora veremos atajos para la navegación entre archivos y el código: Guía de atajos de VsCode parte 2: atajos de navegación y la parte 3, sobre la edición básica de código Guía de atajos de VsCode parte 3: edición básica de código […]
Guía de atajos de VsCode parte 4: edición de código con múltiples cursores – Hola Mundosays:
mayo 18, 2023 at 6:22 pm[…] Guía de atajos de VsCode parte 3: edición básica de código, […]