Saltar 10 líneas en VSCode con el teclado

Saltar 10 líneas en VSCode con el teclado

Written by Pau Mateu i Jordi on Mar 28th, 2022 ・ Views ・ Report Post

Pau Mateu i Jordi Visit User Profile

Siempre utilizar el teclado

Cada vez más intento prescindir del ratón y utilizar solamente mi teclado a la hora de programar.

No solamente por pose o postureo, (aunque admito que sí, un poco sí que mola ver como alguien es capaz de navegar entre ficheros, carpetas y código si apartar las manos del teclado), sino porque honestamente he visto una mejora tangible en el tiempo que tardo en las pequeñas y repetidas acciones a la hora de navegar en un proyecto.

Es por eso que, hace poco, me encontré en la necesidad de poder desplazarme rápidamente de forma vertical en un fichero mientras programaba, 10 líneas arriba o abajo, con una sola combinación de teclas.

Existe ya esta función?

Vamos al grano, VSCode, a diferencia de Atom, desafortunadamente no tiene una funcionalidad por defecto para moverse verticalmente de manera rápida en un fichero.

POr esto mismo debemos crear nuestro propio shortcut, es decir, necesitamos definir una nueva combinación de teclas para añadir la funcionalidad de desplazamiento vertical.

Añadir snippets en VS Code

Añadir un nuevo shortcut en VSCode no es complejo, vamos a utilizar el fichero keybindings.json para asignar las combinaciones que queramos de ahora en adelante. Para acceder a este fichero:

  • Accedemos al menú de key bindings, presionando ctrl+K y seguidamente ctrl+S.
  • Seleccionamos la opción open keyboard shortcuts en el menú de arriba a la derecha.

image

Saltar 10 líneas con el teclado

Si no hemos añadido ningún nuevo keyboard shortcut antes, probablemente este fichero estará vacío. Añadiremos las siguientes líneas en el fichero:

{
    "key": "ctrl+up",
    "command": "cursorMove",
    "args": {
        "to": "up",
        "by": "line",
        "value": 10
    },
    "when": "editorTextFocus"
},
{
    "key": "ctrl+down",
    "command": "cursorMove",
    "args": {
        "to": "down",
        "by": "line",
        "value": 10
    },
    "when": "editorTextFocus"
},

Vamos a explicar línea por línea lo que hemos añadido:

🤩 Our Amazing Sponsors 👇
DigitalOcean View Website
DigitalOcean offers a simple and reliable cloud hosting solution that enables developers to get their website or application up and running quickly.
Laravel News View Website
Laravel News keeps you up to date with everything Laravel. Everything from framework news to new community packages, Laravel tutorials, and more.
Genesis View Website
A Laravel Starter Kit that includes Authentication, User Dashboard, Edit Profile, and a set of UI Components.

"key": "ctrl+up": Definimos aquí la combinación de teclas que al ser presionadas disparan la funcionalidad. En este caso, la tecla control y la flechita arriba.

"command": "cursorMove": Llamamos a la acción de mover el cursor a una posición lógica del documento.

"when": "editorTextFocus" : Indicamos que realizaremos la acción solamente cuando estemos editando texto.

args:

"to": "up": La dirección en la que queremos mover el cursor.

"by":"line": Unidad de desplazamiento.

"value": "10": Cantidad de unidades de desplazamiento.

Al guardar el fichero, ya podremos utilizar nuestra nueva combinación de teclas para movernos rápidamente por el teclado. Además, ahora que conocemos como construir nuevos shortcuts, podemos ir añadiendo los que queramos en función de lo que necesitemos :).

Pau.

Comments (0)