Visual Studio Code es un editor de código fuente multiplataforma desarrollado por M$. Incluye soporte para la depuración, control integrado de Git de forma nativa, resaltado de sintaxis, autocompleta el código de forma inteligente, etc. También es personalizable, por lo que los usuarios pueden cambiar el tema del editor, los atajos de teclado y las preferencias. Es gratuito y de código abierto.

Visual Studio Code se basa en Electron, un framework que se utiliza para implementar Chromium y Node.js como aplicaciones para escritorio (https://soka.gitlab.io/electron/).

1. Instalación Visual Studio Code en Linux Mint

1.1. Usando Snap

Snap es un sistema de paquetes autocontenidos, funcionan en cualquier distribución y dispositivo (distribuciones que lo soporten claro)

Instalar Snap:

sudo rm /etc/apt/preferences.d/nosnap.pref
sudo apt update
sudo apt install snapd

Instalar VSCode:

sudo snap install code --classic

Ejecución:

snap run code

1.2. Usando el paquete para Debian de la Web oficial

Acceder a https://code.visualstudio.com/ y usar el paquete .deb para Debian y otras distribuciones derivadas como Ubuntu o Mint.

Cuando pinchamos sobre el enlace reconoce que debe abrirlo con GDebi (en línea de comandos con dpkg -i paquete).

2. Atajos de teclado (keyboard shortcuts)

Obtenido de la Web oficial en https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf.

3. Clonando el primer repositorio

Creamos y abrimos una carpeta para proyectos en /Documentos/GitLab.

Abrimos paleta de comandos en VSCode con CTRL + Mayús + P y escribimos Git: Clone. Nos pedira la URL del repositorio https://gitlab.com/soka/penascalf52021.git.

También se puede hacer desde el CLI de VSCode git clone https://gitlab.com/soka/penascalf52021.git (“CTRL +`“).

Abrimos carpeta con CTRL+K y CTRL+O.

4. La barra de estado

Contiene la siguiente información de izquierda a derecha (además de otra información de plugins):

  • Información estado de Git y rama.
  • Errores y warnings del código fuente.
  • Posición del cursor, línea y columna.
  • Identación o sangría (se puede clicar para cambiar).
  • Codificación (UTF-8).
  • Tipo de fin de línea (se puede cambiar haciendo clic).
  • Lenguaje del fichero.
  • Notificaciones (normalmente actualizaciones).

5. Barra de actividad

Atajos para el explorador de archivos, búsqueda, Git, depuración, extensiones y ajustes.

6. Explorador de archivos

Provee una vista ordenada de las carpetas y archivos con los que estamos trabajando.

7. User Interface

https://code.visualstudio.com/docs/getstarted/userinterface

8. Basic Editing

https://code.visualstudio.com/docs/editor/codebasics

9. Enlaces externos