Aprende Visual Studio Code

Instalación y conceptos básicos de Visual Studio Code

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende cómo instalar y configurar inicialmente Visual Studio Code en cualquier plataforma para poder comenzar a trabajar. Entiende los conceptos básicos y los flujos que comenzarás a usar tan pronto abras la aplicación.
06:11

Transcripción

El proceso de instalación es muy sencillo. Simplemente tenemos que acudir al sitio code.visualstudio.com y hacer clic en el botón de 'Download' ya que la página detecta el sistema operativo con el que tú estás trabajando y te ofrece la opción inmediata para su descarga. De cualquier manera, si tu quieres descargar la versión para otra plataforma, simplemente haces clic en esta sección donde dice 'Other platforms'. Cuando das clic, eliges cuál es la opción que te gusta más para poderlo descargar. El proceso de instalación es el nativo de cada sistema operativo. En el caso de 'Windows', cuando vas a dar con las ventanas 'Siguiente', 'Siguiente', 'Siguiente', y algo similar sucede cuando trabajas con Linux o si lo quieres trabajar desde línea de comandos o con el administrador de paquetes adecuado o cuando trabajas con Mac, simplemente vas a arrastrar y dejar caer la aplicación que te ha descargado directamente en tu carpeta de aplicaciones. Una vez que has terminado el proceso de instalación, puedes abrirlo y la configuración inicial va a ser muy sencilla. De hecho, cuando abres Visual Studio Code te van a aparecer de este lado todos estos botones. El primer botón se va a referir a los archivos. El segundo, a las búsquedas que puedes realizar dentro de tu proyecto. El tercero se va a referir a GIT. El cuarto, se va a referir a las capacidades que va a poseer Visual Studio Code para poder hacer 'debugging' de tu proyecto. Y el quinto, a las extensiones que podrás instalar. Una vez que ya tienes abierto tu editor puedes halar tu carpeta completamente al editor para poder trabajar. En este caso, veamos lo siguiente: Aquí tengo una carpeta que se llama 'My project', que es donde tengo un código para trabajar. Puedo simplemente hacer 'Drag and drop'. Cuando lo hago, automáticamente Visual Studio Code detecta los archivos y me procede a trabajar con ellos. Siempre que trabajamos con Visual Studio Code en la parte inferior me va a aparecer una línea, en este caso aparece azul, y significa que todo esta bien. Aquí nosotros podemos detectar si tenemos algún error o algún 'Warning' cuando estamos escribiendo código. Más adelante veremos cómo va cambiando este tipo de barras de estado. La otra forma de hacerlo es muy sencilla: Voy a abrir nuevamente Visual Studio Code en un estado inicial. Cuando lo abro me aparece aquí un botón que dice 'Abrir carpeta'; puedo pulsarlo y elegir cuál es el archivo o la carpeta con la cual quiero trabajar. Es importante considerar lo siguiente: En Visual Studio Code puedo abrir nuevas ventanas, pero estas las puedo abrir directamente aquí o arrastrarlas para poder trabajar directamente en un espacio unificado o trabajar con otro proyecto. Por ejemplo, si en este caso tengo maximizada mi pantalla completa, cuando le doy aquí a 'ArchivoNueva ventana', me va a aparecer otra pestaña de este lado. Así, puedo tener dos entornos diferentes de trabajo y distribuirme entre ellos. Otra actividad muy común que utilizamos los desarrolladores es invocar nuestro editor de código directamente desde línea de comandos. Para esto, yo puedo instalar el comando directamente desde Visual Code. Para hacer esto, simplemente tengo que pulsar el juego de teclas 'Comando + Shft + P', para el caso de Mac, o 'Ctrl + P', para Windows. Y aquí lo que tendré que hacer es escribir 'Instalar' para poder ubicar el comando que yo deseo; en este caso, el que deseo utilizar es este: "Instalar el comando 'code' en PATH." Simplemente lo selecciono y esto me agrega un script que voy a poder utilizar. Entonces lo que me dice aquí es que agregó un script con este tipo de permisos. Damos 'Aceptar', y en este caso vamos a pulsar la contraseña. Una vez que lo hacemos, automáticamente me notifica que el comando ha sido instalado. Vamos a probarlo. Para probarlo, vamos a abrir nuestra terminal. En este caso, simplemente voy a abrir una nueva pestaña para que esto se refresque y escribiré la palabra 'code'. Cuando la escribo, vean cómo se abre automáticamente. Para validarlo, simplemente voy a cerrar nuevamente la herramienta, y escribiré la palabra 'code' de nuevo, y esto va a levantar una nueva instancia de mi editor. Ahora, una ventaja que tenemos es que si estoy navegando directamente entre varios archivos y deseo abrir una carpeta, lo que tengo que hacer es acceder a la carpeta del proyecto que yo quiero abrir con Visual Code y escribo 'code .' Al hacerlo, me va a abrir el proyecto directamente en Visual Studio Code. Esta es una manera muy sencilla porque a veces ubicas tus archivos directamente en línea de comandos y simplemente lo mandas a abrir. Así entonces, ya tienes instalado y ya conoces la parte esencial de un proyecto con Visual Studio Code. Solamente no olvides que para poder abrir cada uno de los archivos simplemente puedes hacer un clic. Detecta cómo en la pestaña el texto está en cursivas, esto quiere decir que el archivo no está abierto por completo pero que sí puedes realizar modificaciones. Por ejemplo, aquí hago una modificación y cada que lo hago aparece un círculo en lugar de una cruz. Cuando yo guardo, automáticamente ese círculo desaparece. Si haces doble clic en un archivo este se abre completamente. Es decir, no importa si me estoy pasando entre los archivos, ese archivo va a permanecer abierto. Son las dos formas en las cuales yo puedo visualizar un archivo que acabo de abrir.

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.