Views: 175415 words0 Comments on Visual Studio CodePublished On: octubre 7th, 2022Last Updated: octubre 8th, 2022By

lestrades

Visual Studio Code

es un editor de código fuente desarrollado por Microsoft para Windows, Linux, macOS y Web. Incluye soporte para la depuración, control integrado de Git, resaltado de sintaxis, finalización inteligente de código, fragmentos y refactorización de código. 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, aunque la descarga oficial está bajo software privativo e incluye características personalizadas por Microsoft.

Visual Studio Code se basa en Electron, un framework que se utiliza para implementar Chromium y Node.js como aplicaciones para escritorio, que se ejecuta en el motor de diseño Blink. Aunque utiliza el framework Electron, el software no usa Atom y en su lugar emplea el mismo componente editor (Monaco) utilizado en Visual Studio Team Services (anteriormente llamado Visual Studio Online). Wikipedia.

Apareció en: 29 de abril de 2015
Diseñado por: Microsoft
Autocompletado de código: CSS, HTML, JavaScript, JSON, Less, Sass, TypeScript.

Depuracion:

Para conocer muchos de los atajos de este editor visita la pagina de Fili Santillán en donde encontrarás multitud de atajos bien explicados para las plataformas Windows, Linux y Mac.

A continuación los atajos que más uso yo son los siguientes:

Formatear texto: ALT + Shift + F

Comentar línea: CTRL + K  y sin soltar CTRL pulsar C

Descomentar línea: CTRL + K  y sin soltar CTRL pulsar U

Ir al inicio o al final del archivo: CTRL + INICIO // CTRL + FIN

Para entrar a buscar e instalar extensiones debemos ir a Archivo/Preferencias/Extensiones.

  • JavaScript (ES6) code snippets: Atajos para completar código.
  • Ident-rainbow: Esta extensión colorea la sangría detrás del texto, alternando cuatro colores diferentes en cada tabulación.
  • Quokka.js: Es una herramienta de productividad para desarrolladores para la creación rápida de prototipos de JavaScript / TypeScript. Los valores de tiempo de ejecución se actualizan y se muestran en su IDE junto a su código, a medida que escribe.
  • Live Server: Es un servidor web que se monta en el puerto 5500 (por defecto, se puede cambiar) y donde cualquier cambio que hagamos en el editor, se verá reflejado instantáneamente en el navegador