Aprende Visual Studio Code

Refactoring de código con Visual Studio Code

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Visual Studio Code provee de herramientas importantes para poder refactoring del código y actualizarlo de una manera rápida sin perder tiempo en buscar todas las incidencias que encuentres. Aprende las distintas formas que existen para poder hacer esta actividad en este editor de código.
04:01

Transcripción

Cuando hacemos refactoring de código nos referimos a poder modificar el código de una manera más rápida. Por ejemplo, hay muchas actividades que podemos hacer, entre ellas podemos mover una línea. Por ejemplo coloquemos el cursor sobre alguna de estas líneas que tenemos en el código y pulsemos la tecla Alt seguido de la flecha arriba o la flecha abajo. Al hacerlo podemos estar moviendo una línea de lugar. Esto nos ayuda a mover las líneas más rápido. en lugar de tener que estar cortando y pegando. Puedo incluso colocarme en la función que yo necesite. Por ejemplo si yo tengo aquí una función 'sumar' y pulso la tecla F12 automáticamente me lleva a la función. Aquí veamos, solamente se ve muy pequeño. Cambiemos el nombre a la función que tenemos hasta abajo. Por ejemplo aquí vamos a invocar una funcion que se llama 'derivar'. Si yo coloco mi función allí y pulso la tecla F12, automáticamente me lleva a la definición de la función. Puede ser eso o algo también sencillo como pulsar la tecla Control o Command y cuando la pulsamos y cruzamos el cursor encima del nombre de la función eso se convierte como en un link, damos clic y nos lleva a la función. Pero si solamente dejamos el cursor aquí mismo nos muestra una ventana con el detalle de la función sin tener que movernos del lugar. Cualquiera de las dos opciones es completamente válida. Otra característica muy usable cuando trabajamos con refactoring de código es cuando yo puedo seleccionar un texto y a partir de esto seleccionar todos los que sean iguales y poder hacer un cambio. Por ejemplo si yo pulso el juego de teclas Ctrl-D voy a seleccionar todas las ocurrencias o repeticiones que tenga esta variable. En este caso aquí está el texto 'derivar' y si vemos aquí más abajo también aparece el mismo texto. ¿Qué sucede? Que cuando yo modifico el texto de arriba, por ejemplo, vamos a poner aquí otra parte, vamos a poner un guión bajo que diga 'derivar_número', vamos a ver cómo en la parte de abajo también se escribió. Hagamos un ejemplo más claro de esto. Vamos a escribir aquí la palabra 'sumar' en alusión a la función que tenemos justo debajo y vamos a mandar un par de parámetros. Siempre sencillo, elijo el texto y pongo la palabra 'sumar' así yo puedo eliminarlo y puedo escribir lo que yo quiera. Vamos a escribir por ejemplo ahora 'nuevaSuma' y vemos cómo al mismo tiempo sucede. Imagínate hacer esto con diez 15 o 20 o más líneas de código al mismo tiempo. Es algo increíble. Lo interesante de este proceso es que también detecta patrones. Entonces cuando tú seleccionas todas las opciones hay un cursor que se mueve exactamente en la misma posición a partir de todas las ocurrencias que haya encontrado. Entonces yo puedo moverme y hacer todas las modificaciones que yo necesite utilizando este multicursor que me ofrece Visual Studio Code. Y ahora si bien ya habíamos visto que podemos automatizar a través de 'beautify' el formateo del código también lo puedo hacer manualmente. Por ejemplo, vamos a modificar esta función y pulsemos el juego de teclas Alt-Shift-F. Esto automáticamente formatea el código. También podemos recuperarlo cuando nosotros accedemos a la paleta. Por ejemplo Comando o Ctrl-Shift-P y aquí simplemente escribimos la palabra formatear. Aquí elegimos la opción que dice 'Formatear código', seleccionamos y esto va a formatear todo el código que tenemos. Así como puedes ver nosotros podemos trabajar con un refactoring de código más actualizado y con mucha facilidad donde podemos mover líneas, podemos navegar directamente entre las definiciones, podemos encontrar las referencias simplemente con un juego de teclas, podemos cambiar las ocurrencias o tener un multicursor sin necesidad de estar cambiando de uno en uno o sin ni siquiera tener que ir a la búsqueda y hacer un reemplazo de las palabras. Por lo cual todas estas herramientas de refactoring simplemente nos van a facilitar la vida.

Aprende Visual Studio Code

Conoce las características del editor de código multiplataforma Visual Studio Code, como son IntelliSense, depurar desde su consola y trabajar directamente tu código en Git.

1:23 horas (26 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.