DEV Community

Cover image for VSCode - Crear Archivos y Directorios sin usar el rat贸n
Camilo Martinez for equimancho

Posted on • Updated on

VSCode - Crear Archivos y Directorios sin usar el rat贸n

Idiomas: [馃嚭馃嚫] English - [馃嚜馃嚫] Espa帽ol


Si est谩s intentando reducir la interacci贸n con el rat贸n durante el desarrollo para aumentar la productividad, est谩s en el lugar correcto.

Hace un tiempo cuando trabajaba haciendo reportes y macros en Excel me convert铆 en una especie de mani谩tico por los atajos de teclado porque pr谩cticamente las fechas l铆mite que me daba mi jefe era: "Necesito ese reporte para ayer".

Cuando alguien me ped铆a ayuda para aprender Excel orientado a negocios, la primera lecci贸n que les daba era desconectar el mouse. Obviamente al principio les daba muy duro, pero era necesario si en realidad quer铆an aprender a moverse r谩pido.


鈿狅笍 Yo uso VSCode en ingl茅s y la distribuci贸n de teclado en-US, algo que les recomiendo hacer. Los atajos de este art铆culo est谩n dise帽ados para ese idioma, pero f谩cilmente los puedes acomodar al lenguaje que uses.


En VSCode la opci贸n por defecto para crear archivos y directorios requiere un mont贸n de interacci贸n con el rat贸n, y yo sinceramente lo odio. As铆 que te voy a compartir una forma que encontr茅 de hacerlo a toda velocidad, obviamente, sin usar el rat贸n.

Aprender

Primero que todo necesitamos aprender este 煤til atajo. Se usa para intercambiar el foco entre la ventana de c贸digo y el explorador de archivos.

OS Atajo
mac Command + Shift + E
win/linux Ctrl + Shift + E

Adicionando esta configuraci贸n puedes hacer que autom谩ticamente el explorador de archivos seleccione en el 谩rbol el archivo en el que est谩s trabajando.

{
    "explorer.autoReveal": true
}
Enter fullscreen mode Exit fullscreen mode
settings.json

auto-reveal

A mi me gusta esta opci贸n porque as铆 no tengo la necesidad de estar usando tanto las teclas de navegaci贸n dentro del explorador de archivos. Algunas veces es bueno, otras no tanto, as铆 que lo mejor es que lo pruebes para saber si te gusta o no.

Crear

El pr贸ximo paso es adicionar mis atajos de teclado secretos a la configuraci贸n.

[
    {
        "key": "ctrl+n",
        "command": "explorer.newFile",
        "when": "explorerViewletFocus"
    },
    {
        "key": "ctrl+shift+n",
        "command": "explorer.newFolder",
        "when": "explorerViewletFocus"
    }
]
Enter fullscreen mode Exit fullscreen mode

keyboard-config

En Windows y Linux, adicionalmente necesitas esta configuraci贸n para desactivar la creaci贸n de una nueva ventana option when it's focused on file explorer.

[
    {
        "key": "ctrl+shift+n",
        "command": "workbench.action.newWindow",
        "when": "!explorerViewletFocus"
    }
]
Enter fullscreen mode Exit fullscreen mode

Usar

Eso fue todo. Ahora desconecta tu rat贸n y disfruta!

demo


Alternativa

Tambi茅n amo la terminal. Si a煤n no usas ZSH, te recomiendo que le des una oportunidad y creeme nunca m谩s vas a querer regresar.

Este art铆culo est谩 en ingl茅s (espero traducirlo pronto) y dirigido a usuario de macOS, pero ZSH tambi茅n se puede usar en Linux y ahora en Windows a trav茅s de WSL.

En ZSH tenemos dos comando m谩gicos:

  • take crea un directorio y se cambia de ruta autom谩ticamente. En vez de correr los comandos mkdir y luego cd.
  • touch crea un archivo o m煤ltiples archivos al tiempo.

El truco para crear un componente en una sola l铆nea es:

take Name && touch name{.css,.js,.test.js} 
Enter fullscreen mode Exit fullscreen mode

Explicaci贸n:

  • take Name este comando crea un directorio llamando Name y cambia la ruta autom谩ticamente.
  • Luego dentro de ese directorio el comando touch name{.css,.js,.test.js} usa el mismo prefijo name y crea 3 archivos name.css, name.js y name.test.js con los valores indicados entre las llaves.

command-line


That鈥檚 All Folks!
Happy Coding 馃枛

ko-fi

Discussion (0)