Skip to content

IDE

Un IDE (Integrated Development Environment) es un entorno de desarrollo integrado, es decir, un programa que nos permite escribir código, compilarlo o ejecutarlo. Además, nos ofrece herramientas para facilitar la creación de código.

Visual Studio Code

El editor de código que vamos a utilizar en este curso es Visual Studio Code. Es un editor de código gratuito y de código abierto desarrollado por Microsoft. Es multiplataforma, por lo que podemos utilizarlo en Windows, Linux o Mac.

Lo interesante de IDEs como vscode es que son programas extensibles a nuestras necesidades, existen toda clase de extensiones que nos permiten añadir funcionalidades al programa, puede facilitarnos la tarea de trabajar con repositorios, añadir snippets de codigo y soporte para el lenguaje o libreria que estemos utilizando.

Atajos

  • F1 o Ctrl+Shift+P: Abrir el panel de comandos.
  • Ctrl+P: Abrir el panel de búsqueda de archivos.
  • Alt+z: Ajustar el texto al ancho de la pantalla.
  • Ctrl+ñ: Abrir la terminal integrada.
  • Ctrl+ç: Comentar linea
  • Ctrl+x: Cortar linea
  • Ctrl+c: Copiar linea
  • Ctrl+v: Pegar linea
  • Shift+arriba/abajo: Seleccionar linea
  • Alt+arriba/abajo: Mover linea o seleccion

Extensiones

  • Peacock, para cambiar el color de la barra superior de vscode, muy util si necesitamos trabajar en diferentes proyectos donde diferenciar rápidamente cual es cual.
  • Live Server, para levantar un servidor local y poder ver los cambios en tiempo real.
  • Markdown Preview Enhanced, para poder ver el resultado de un archivo markdown en tiempo real.
  • All in one markdown, para añadir atajos de teclado, nuevos elementos y exportacion de html, pdf o imagen de archivos md.