One of the most pleasant aspects of Vim is how keyboard shortcuts can be combined. In this repository we will describe some of those combinations.
Uno de los aspectos más agradables de Vim es como sus atajos de teclado se pueden combinar. En este repositorio describiremos algunas de esas combinaciones.
Note: If you know any other key combination, please do not hesitate to make a pull-request.
Nota: Si conoces alguna otra combinación, por favor no dudes en hacer un pull-request.
Tecla: 0.
Ejemplo:
Si tuviéramos el siguiente código y tenemos el cursor en cualquier posición:
var order = 'ASC';
Y luego presionamos la tecla 0 el cursor se desplazará hacía el inicio de la línea, osea el cursor se pondrá delante de la letra var.
Este modo de vim es el que te permitirá navegar por todo el documento de una forma increíble. A este modo se accede presionando la tecla Esc.
En la siguente tabla mostramos la navegacion básica en vim:
Tecla | Acción |
---|---|
k | mueve el cursor hacia una línea superior. |
j | mueve el cursor hacia una línea inferior. |
h | mueve el cursor hacia un caracter a la izquierda |
l | mueve el cursor hacia un caracter a la derecha |
Tecla: i.
Ejemplo:
Si tuviéramos el siguiente código y posicionamos el cursor delante del caracter S:
var order = 'SC';
Y luego presionamos la tecla i pasamos a modo inserción, luego escribimos por ejemplo la letra A, tendríamos:
var order = 'ASC';
Tecla: a.
Ejemplo:
Si tuviéramos el siguiente código y posicionamos el cursor delante del caracter D:
var order = 'DSC';
Y luego presionamos la tecla a pasamos a modo insersión, luego escribimos por ejemplo la letra E, tendríamos:
var order = 'DESC';
Tecla: u.
Tecla: G.
Ejemplo:
Si tuviéramos el siguiente código:
/*
GulpCssUrlVersioner
@class GulpCssUrlVersioner
*/
/*
* Module dependencies.
*/
var Buffer, CssUrlVersioner, GulpCssUrlVersioner, chalk, extend, through, util;
util = require('util');
through = require('through2');
chalk = require('chalk');
Buffer = require('buffer').Buffer;
extend = util._extend;
CssUrlVersioner = require('css-url-versioner');
/*
* Library.
*/
GulpCssUrlVersioner = function(opts) {
this.data = {};
this.settings = opts || {
debug: false
};
this.css = '';
this.transform();
return this.stream;
};
Y tuviéramos el cursor posicionado en cualquier línea, al presionar la tecla G, el cursor se posicionaría en el último caracter de la última línea de código de nuestro archivo.
Tecla: Ctrl + R.
Para aplicar este combo primero entrar al modo bloque visual.
Combo: shift + i.
Ejemplo:
Si tuviéramos el siguiente código:
var a = 'SFSSD';
var b = 'SFSFSDFS';
var c = 'SFDSFDSFDSF';
Si situamos el cursor en la palabra reservada var, luego entrar al modo bloque visual, luego moverte hasta la linea que deseas comentar, en este caso sera var de la tercera linea , siempre posicionando en el primer caracter de la linea, luego aplicamos shift + i , luego // para comentar, luego ESC y listo.
var a = 'SFSSD';
var b = 'SFSFSDFS';
var c = 'SFDSFDSFDSF';
Obtendremos :
//var a = 'SFSSD';
//var b = 'SFSFSDFS';
//var c = 'SFDSFDSFDSF';
Combo: x + p.
Ejemplo:
Si tuviéramos el siguiente código:
var roder = 'ASC';
Si situamos el cursor delante del caracter r al aplicar el combo xp, obtendríamos lo siguiente:
var order = 'ASC';
Combo: d + d.
Ejemplo:
Si tuviéramos el siguiente código:
p
margin 0
color white
Si situamos el cursor sobre margin 0 al aplicar el combo dd, obtendríamos lo siguiente:
p
color white
Combo: d + e.
Ejemplo:
Si tuviéramos el siguiente código:
box-sizingabc: border-box
Si situamos el cursor en el caracter a al aplicar el combo de, obtendríamos lo siguiente:
box-sizing: border-box
Combo: d + $.
Ejemplo:
Si tuviéramos el siguiente código:
border 1px 2px 3px 4px
Si situamos el cursor detrás de la palabra 2px al aplicar el combo d$, obtendríamos lo siguiente:
border 1px 2px
Combo: d + G.
Ejemplo:
Si tuviéramos el siguiente código:
.footer_note
background black
padding 30px
p
color #cccccc
margin 0
Si situamos el cursor en la palabra padding al aplicar el combo dG, obtendríamos lo siguiente:
.footer_note
background black
Combo: g + g.
Ejemplo:
Si tuviéramos el siguiente código:
/*
GulpCssUrlVersioner
@class GulpCssUrlVersioner
*/
/*
* Module dependencies.
*/
var Buffer, CssUrlVersioner, GulpCssUrlVersioner, chalk, extend, through, util;
util = require('util');
through = require('through2');
chalk = require('chalk');
Buffer = require('buffer').Buffer;
extend = util._extend;
CssUrlVersioner = require('css-url-versioner');
/*
* Library.
*/
GulpCssUrlVersioner = function(opts) {
this.data = {};
this.settings = opts || {
debug: false
};
this.css = '';
this.transform();
return this.stream;
};
y tuviéramos el cursor posicionado en cualquier línea, al aplicar el combo gg, el cursor se posicionaría delante del primer caracter de la primera línea de codigo de nuestro archivo.
Avanzar una palabra
Tecla w.
Retroceder una palabra
Tecla b.
Combo: g + v.
Ejemplo:
Si hubieramos realizado una selección y seguido a ello diferentes acciones, podemos volver a resaltar la última selección hecha mediante el combo g + v.
Combo: d + d + p.
Ejemplo:
Si tuviéramos el siguiente código:
p
margin 0
color white
Si situamos el cursor sobre margin 0 al aplicar el combo ddp, obtendríamos lo siguiente:
p
color white
margin 0
Combo: c + a + w.
Ejemplo:
Si tuviéramos el siguiente código:
h1
color red
Si situamos el cursor sobre el atributo color, y ejecutamos el combo en modo normal, obtendríamos lo siguiente:
h1
red
Combo: b + d + e.
Ejemplo:
Si tuviéramos el siguiente código:
array.push('var1')
Si situamos el cursor en cualquier posición dentro de la palabra(excepto el primer caracter) var1 al aplicar el combo bde, obtendríamos lo siguiente:
array.push('')
Combo: y + y + p.
Ejemplo:
Si tuviéramos el siguiente código:
var a = "Test";
Si situamos el cursor en cualquier posición de la linea, al aplicar el combo yyp, obtendríamos lo siguiente:
var a = "Test";
var a = "Test";
Combo: c + c.
Ejemplo:
Si tuviéramos el siguiente código:
p
color white
margin 0
Si situamos el cursor sobre margin 0 al aplicar el combo cc, obtendríamos lo siguiente:
p
color white
Y por ultimo escribiremos padding 0, obtendríamos lo siguiente:
p
color white
padding 0
Como podemos ver, al ejecutar el combo cc no se pierde la tabulación.
Combo: ctrl + w + v.
Combo: ctrl + w + s.
Combo: ctrl + w.
Combo: ctrl + w + q.