Crear Atajos de teclado con Textos en ATOM y Visual Studio Code

Desde hace tiempo que queria escribir este pequeño tutorial para ayudar a mas de uno seguro con este problema que debe ser igual al mio.

La cosa viene asi : resulta que cuando me compre mi notebook para trabajar lo primero que uno hace es ver el procesador, memoria, disco, pantalla, bla bla bla todo eso. En mi caso lo ultimo que veo es la estetica y nunca pero nunca me fijo en el teclado. Cual es mi sorpresa "TECLADO EN INGLES" entonces como yo ya estoy muy acostumbrado al teclado en español. Conozco los atajos de teclado y todo en el teclado español me parece una perdida de tiempo ponerme en el trabajo de ver como son los atajos de teclado en ingles por ejemplo :

Signo de parentesis abierto:

Teclado Ingles : SHIFT + 9
Teclado Español : SHIFT + 8

Signo de cerrar parentesis :

Teclado Ingles : SHIFT + 0
Teclado Español : SHIFT + 9

Por no hablar de otros como la Ñ, guion bajo, barra, barra invertida. Muchos signos que uno en español ya esta familiarizado pero en ingles no.

Asi que yo igual lo usaba con la configuracion en español pero mi problema aparecio al momento de emprezar a programar:

Como trabajo mucho con lo que es las tecnologias Web y como bien se sabe las tecnologias web trabajan con etiquetas en su mayoria y esas etiquetas comienzan con < y terminan con >.

Esos botones estan en una posicion INCOMODISIMA en el teclado ingles ademas de que no tienen nombre.

Entonces para solucionar esto decidi ver la forma de hacer que yo al presionar cierta combinacion de teclas (como en mi caso) alt + z me aparezca < en ATOM y Visual Studio Code.

Bueno, para hacer esto se debe hacer lo siguiente :

ATOM

Vamos a Init Script (como se muestra en la imagen)

y al final del archivo que se abrio añadimos lo siguiente :

atom.commands.add 'atom-text-editor', 

'custom:insert-open': -> 

atom.workspace.getActiveTextEditor()?.insertText('<')

Para que se entienda un poco:

La linea 1 nos indica donde se va a ejecutar la accion  (debe ir asi como esta).

La linea 2 el nombre de la accion que estamos creando (en este caso la palabra custom debe estar si o si, mientras que lo que esta despues de los dos puntos puede ser a gusto de cada persona).

La linea 3 nos indica la accion que se va a realizar. Para no ser muy complejo en esto, solo nos centraremos en la ultima parte donde dice "insertText()", lo que esta dentro de los parentesis es lo que se va a insertar cuando hagamos la combinacion de teclas (en mi caso inserta un signo de < pero podria insertar un texto como HOLA MUNDO u otra cosa).

Una vez hecho esto ya tenemos configurado la forma de insertar el texto. Ahora solo queda configurar la combinacion de teclas. Esto lo hacemos de la siguiente forma :

Y añadimos lo siguiente al final del archivo que se nos abrio :

Con esto ya esta lista la combinacion de teclas. Solo queda cerrar y volver a abrir ATOM y tendriamos lista el Atajo de teclado.

VISUAL STUDIO CODE

En Visual Studio Code la cosa es un poco mas sencillo ya que la configuracion se hace en un solo archivo :

Aunque tambien podemos hacerlo desde los atajos del teclado presionando Ctrl + K y seguidamente Ctrl + S y se nos abre los "Metodos abreviados del teclado" donde veremos distintas combinaciones de teclas como se muestra en la imagen. Ahora debemos abrir el archivo keybindings.json como esta marcado en la imagen

Ahora se deben de haber abierto dos paneles. El panel izquierdo es para las configuraciones predeterminadas (NO MODIFICARLAS) y en el panel derecho se visualizan las configuraciones de atajo de teclado del usuario (AQUI SE HACEN LAS MODIFICACIONES).

Añadimos en el panel derecho lo siguiente : 

[

{ "key": "alt+z", "command": "type", "args": { "text": "<" } },

{ "key": "alt+x", "command": "type", "args": { "text": ">" } }

]

Lo importante aqui es lo que es la combinacion "key": "alt+z" que puede modificarse a gusto de cada usuario (LA PALABRA KEY DEBE ESTAR SI O SI, LO QUE SE CAMBIA ES EL VALOR DE LA COMBINACION), siendo esta la combinacion de teclas. Luego la combinacion "text" : "<" la cual es lo que se imprimira al hacer dicha combinacion de teclas que en mi caso es el signo de menor, pero como explique mas arriba en la configuracion de atom puede ser cualquier texto.

Una vez modificado esto solo debemos cerrar y volver a abrir visual studio code y nuestra combinacion de teclas estara funcionando correctamente.

Espero les sirva y hasta la proxima