Instalar Visual Studio Code y su menú principal

Si tuviéramos que mencionar uno de los productos de Microsoft más exitosos de los últimos años, no podemos pensar en otro que no sea Visual Studio Code.

Que no debemos confundirlo con Visual Studio, el IDE histórico de la misma empresa matriz, Microsoft.

VSC se encuentra etiquetado como un “editor de código” pero en mi opinión ya ha pasado a ser más un IDE en estos momentos.

Probablemente, Visual Studio Code, es uno de los editores más extensibles y más apoyados por la comunidad de hoy en día. También, pasa por ser uno de los editores más amistosos para el usuario.

Normalmente, Visual Studio Code, es el editor elegido para el desarrollo en tecnologías orientadas a la web y frontend (Javascript, Angular, Typescript, React, etc).

Pero además, mediante muchos de los complementos existentes, se puede convertir en una solución completa para el desarrollo de soluciones backen clásicas y no tan clásicas; como por ejemplo: Java, Kotlin, C y muchos más lenguajes.

En este artículo veremos cómo descargar Visual Studio Code y conocer algunos de los detalles más relevantes sobre Visual Studio Code.

¿Cómo descargar Visual Studio Code?

La mejor manera de descargar la aplicación de Visual Studio Code es visitando el sitio web oficial de Visual Studio Code.

Debes tener en cuenta que Visual Studio Code es un software multiplataforma y puedes utilizar en cualquier sistema operativo orientado al escritorio: Windows, MacOS y Linux, ambos con arquitectura Intel/AMD y ARM. (32 y 64 bits).

Desde el sitio web oficial de Visual Studio Code encontrarás instaladores para:

  • Windows Desktop 8,10 y 11 (32 y 64 bits)
  • ARM de Windows
  • macOS 10.11+ (Intel/Apple)
  • Basado en Linux RPM (como Fedora o Open Suse)
  • Linux basado en Deb (Debian/Ubuntu)
  • LinuxSnapStore
  • Linux tar.gz

También encontrarás otros métodos de instalación no oficiales (pero seguros) dentro de las distribuciones de Linux, como: Flatpak o AUR.

Visual Studio Codium

A los puristas del código abierto les gustará saber que existe una alternativa a Visual Studio Code, que es completamente propietario a pesar de poder encontrarse como fuente de código fuente abierto.

La alternativa se trata de la aplicación Visual Studio Codium. Aquí tienes el enlace al sitio web del proyecto.

Debes tener en cuenta que es posible que no todas las extensiones o funciones clásicas de Visual Studio Code funcionen con la aplicación de Visual Studio Codium.

Primera instalación de Visual Studio Code

Una vez instalada la aplicación, puedes iniciar VS Code tanto desde el menú de tu sistema operativo como desde la consola de linux o el CMS de Windows.

Para hacer esto, debes escribir dentro de la consola (u CMS) el comando:

code

Esto ejecutará automáticamente un nuevo proceso de la aplicación por separado, sin cerrar otros posibles procesos de la aplicación ya en ejecución o activos del programa.

Si junto al comando de code adjuntas una ruta, se abrirá el editor ejecutado sobre esa carpeta en cuestión, agregando todos los archivos que estén dentro de ella al proyecto iniciado con Visual Studio Code.

En principio, VSC, reconocerá el formato de cada archivo y te adjudicará el tipo de código existente en cada uno de ellos.

Esto, posteriormente, te ayudará a la hora de editar el código o contenido incluido en cada uno de los archivos.

Cuando inicias Visual Studio Code por primera vez, normalmente se abre mostrando una página de Comenzar adjunto a una advertencia sobre el llamado modo restringido.

Empezar

Esta primera página proporciona una serie de notas informativas al usuario sobre cómo personalizar y dar unos pequeños primeros pasos en el mundo de Visual Studio Code.

Si quieres seguir la lista de sugerencias paso a paso, son las siguientes:

  • Elegir el tema.
  • Configurar la configuración para sincronizar con las cuentas de Microsoft o GitHub.
  • Aprender a abrir el menú de comandos rápidos.
  • Explorar las extensiones de administrador integradas para varios lenguajes de programación.
  • Seleccionar una carpeta por defecto, desde la que quieres que se abra el programa.

Menú y características de la barra de VSC

Primero, analicemos la barra de menú superior de la aplicación.

Si tu barra de menú no se muestra en la parte superior izquierda -junto al icono de la aplicación- presiona la tecla alt y eso la debería mostrar.

En el menú vas a encontrar los apartados de: Archivo, Editar, Selección, Ver, Ir, Ejecutar, Terminal y Ayuda.

Junto a cada elemento que se muestra dentro de cada uno de los menús anteriores, vas a encontrar atajos de teclado con los accionarlos sin la necesidad de usar el ratón.

En el menú Archivo encontramos algunos elementos muy útiles entre los que podemos resaltar:

  • Nueva ventana: Abre una nueva ventana separada de la aplicación con un nuevo espacio de trabajo. Curiosamente, cuando interrumpes el proceso de Visual Studio Code (como apagar su computadora) y tienes varias ventanas abiertas, al reiniciarlo se reabrirán todas las ventanas que tenías abiertas.
  • Carpeta abierta: Cuando se trabaja con editores de texto orientados a la programación, abrir una carpeta que contiene un proyecto te permite tener visibilidad de todos los archivos y subcarpetas. Además, generalmente Visual Studio Code intenta, a través de la extensión de los archivos, reconocer la naturaleza del proyecto.
  • Preferencias: En este menú encontrarás la configuración del editor. La opción abrirá un submenú en el que hay varias opciones, que incluyen abrir una pestaña con todas las configuraciones del software (Cntrl+,), cambiar el color del programa, tema de iconos de archivo o las configuraciones de sincronización.

En el menú Editar encontrarás las operaciones más rutinarias que se suelen encontrar en todo editor de texto (copiar, pegar, cortar, deshacer, rehacer, etc…).

En el menú Selección tienes una serie de configuraciones para seleccionar y buscar términos concretos del código.

Visual Studio Code admite la función denominada **cursor múltiple (Cntrl+Alt) la que te permite resaltar y escribir varias palabras de texto en diferentes lugares al mismo tiempo. Esta función es muy útil para evitar el trabajo más monótono y repetitivo

En el menú Ver encontrarás todas las configuraciones que conciernen a la interfaz y diseño de la aplicación.

En concreto, las opciones te permiten mostrar u ocultar diferentes partes de la aplicación o configurar el diseño de la misma. Mostrar u ocultar el minimapa y otros elementos.

Desde otras opciones puedes acceder a la paleta de comandos, las extensiones u otras secciones del software.

Aquí, debemos destacar el submenú de Apariencia, que permite acceder a algunos modos de escritura interesantes, como el modo Zen o el diseño centrado y te permite visualizar el panel principal, el submenú del “Editor de diseño” capaz de dividir la vista, etc.

El menú Ir contiene los comandos para moverse rápidamente por el código (jerarquía, declaraciones, definiciones de variables, métodos y más).

En el menú Ejecutar encontrarás los comandos para ejecutar y depurar el código; pero cuidado, porque debes configurarlo antes de usarlo.

En el menú Terminal encontrarás los elementos con los que visualizar y gestionar el terminal integrado de Visual Studio Code, ejecutar o configurar las tareas de compilación y ejecución automatizadas.

Finalmente, tienes el menú Ayuda con la documentación e información oficial de la aplicación.

Relacionados