VISUAL STUDIO CODE

 

Visual Code

Visual Studio Code es un editor de código fuente que permite trabajar con diversos lenguajes de programación, admite gestionar tus propios atajos de teclado y refactorizar el código. Es gratuito, de código abierto y nos proporciona una utilidad para descargar y gestionar extensiones con las que podemos personalizar y potenciar esta herramienta. Las extensiones de Visual Studio Code nos otorgan infinidad de opciones, como colorear tabulaciones, etiquetas o recomendaciones de autocompletado. También hay extensiones que nos ayudan con el lenguaje de programación que vayamos a usar, como por ejemplo para Python, C / C++, JavaScript, etc.

Diferencias entre un editor de texto y un IDE

La diferencia principal con el IDE es que el IDE trabaja con proyectos enteros, mientras que el editor ligero no, solo para archivos concretos, por esto lo hace mas rápido. También existe el famoso Sublime Text, que también me permite trabajar con código. Realmente puedes elegir el que desees, con el que te sientas cómodo. Cuando hablamos de un IDE, estamos hablando de un entorno integrado de desarrollo. En este caso, una de estas versiones Es WebStorm, que me permite trabajar para la web.

Componentes

El primero de ellos es Git, y esto es para que puedas trabajar adecuadamente con la función integrada de Git. En el caso de que no lo tengas instalado, automáticamente el sistema te dirá que no está instalado en el sistema. Puedes utilizar, en el caso de Mac Homebrew para instalarlo o descargarlo directamente de su página web. Una vez que lo descargas y lo instalas simplemente reinicias el editor de código, y con esto ya lo va a reconocer. Otro software que necesitaremos tener es Node.js, y para Node.js puedes entrar directamente al sitio de Nodejs.org y descargarlo. 

Extensiones

Hay algunas extensiones que son muy válidas, y que pueden servirte bastante en tu flujo diario de trabajo. Para poder ubicar las extensiones en tu editor de código, simplemente ubica en el panel del lado izquierdo la opción que dice 'Extensiones', que es el último con un recuadro. Cuando lo pulsas, automáticamente te va a mostrar algunas extensiones disponibles. Si haces más amplia la columna, te van a aparecer los iconos de cada uno de ellos.

Beneficios que ofrece VisualStudioCode

 Podemos identificar que se ha guardado ya que en este caso, yo voy a quitar este texto, vemos cómo aparece el círculo de que existe algún cambio y simplemente, cuando me cambio de pestaña el círculo va a desaparecer porque se va a guardar mi archivo de manera automática. Cualquiera de las dos opciones que decidas utilizar es completamente viable. Estas opciones de autoguardado vienen listadas en este archivo de configuración donde tú podrás elegir la configuración que desees para que se pueda ejecutar algo. Por ejemplo, también aparte del autoguardado puedes elegir que se autoformatee cada vez que se guarde. Si recuerdas, tenemos una extensión por aquí instalada que se llama 'beautify'. Si tu pulsas el juego de teclas Ctrl o Comando + K, te aparece una ventana para que captures este juego de teclas que quieres utilizar, y en este caso, voy a utilizar Comando + 0, cuando yo lo pulso, me aparece una opción más sobre las que ya tengo, en este caso me dice que voy a utilizar el juego de teclas Comando + 0 y tengo que describir el comando que quiero utilizar, en este caso, borro lo que hay en contenido y simplemente pulso el juego de teclas Ctrl + Espacio y aquí vamos a trabajar con el WorkBench. También tienes ciertas opciones como por ejemplo, cuando pulses el juego de teclas Comando + 1, 2, se divide en dos columnas, Comando + 3, se divide en 3 columnas, y así, hasta que tenga este número de columnas y puedas navegar entre ellas.

Itellisense en VisualStudioCode

IntelliSense es un auxiliar de finalización de código que incluye una serie de características: Lista de miembros, Información de parámetros, Información rápida y Palabra completa. Estas características permiten obtener más información sobre el código que usa, realizar el seguimiento de los parámetros que escribe y agregar llamadas a propiedades y a métodos con tan solo presionar unas teclas.

Accesos rápidos en VisualStudioCode

La paleta de comandos es un espacio que posee Visual Studio Code para poder acceder a ciertas partes de mi código de una manera más eficaz. Para poder activar esta paleta de comandos lo que tengo que hacer en el caso de Mac es utilizar el juego de teclas Comando, Shift y la tecla P; esto me abre un espacio.

Trucos y tips en VisualStudioCode

Si pulsamos 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. Incluso si deseas ejecutar tareas como Gulp o lo que necesites, puedes también levantarlas desde aquí, aunque recuerda que para Gulp, tenemos aquí en Visual Studio Code directamente una manera más sencilla de invocar todas esas tareas. Las otras opciones que aparecen me van a permitir revisar contra este, por ejemplo, el View File Contents y voy a poder visualizar cuál es el cambio que está ocurriendo y aquí sí puedo utilizar, por ejemplo, un cambio. Es decir, yo selecciono esta parte que dice "App", "Seleccionar para comparar", selecciono el otro archivo y le pongo "Comparar con "appjs'" y ahora sí, aquí me aparecen los cambios. Entonces, ahora sí puedo ver qué fue lo que cambió realmente y podemos ver que, en este caso, lo que tenemos de cambio es una variable nueva. 

CERTIFICADO