Usando Visual Studio Code

Visual Studio Code

Después de varios años usando Visual Studio Code para trabajar en la mayoría de mis proyectos de aplicaciones web, esta publicación mostrará algunos consejos para obtener lo mejor de este increíble editor como una herramienta de desarrollo completa e integrada para la mayoría de los lenguajes de desarrollo mas comunes.

Principales características

En primer lugar, Visual Studio Code tiene muchas características.

  • Gratis y de código abierto: el proyecto está alojado en GitHub y se puede descargar, bifurcar, modificar y contribuir al proyecto de forma gratuita.
  • Multi-plataforma: puede descargar binarios para diferentes plataformas, incluido Windows (x64), MacOS y Linux (paquetes .rpm y .deb)
  • Peso ligero: funciona sin problemas en diferentes dispositivos. Tiene un uso promedio de memoria y CPU. Comienza casi de inmediato y es muy estable.
  • Soporte extenso de lenguajes: admite de forma predeterminada la mayoría de los lenguajes y la sintaxis más utilizados, como Javascript, HTML, C #, Swift, Java, PHP, Python y otros. Además, Visual Studio Code admite diferentes tipos de archivos asociados a proyectos como archivos .ini, .properties, XML y JSON.
  • Herramientas integradas: incluye un terminal integrado, un depurador, una lista de problemas y un inspector de salida de la consola. La barra lateral del navegador de proyectos es simple y poderosa: puede administrar sus archivos y carpetas con facilidad. La paleta de comandos le ayuda a encontrar comandos por texto. El widget de búsqueda tiene una potente función de auto-completar para buscar y encontrar sus archivos.
  • Extensible y configurable: hay muchas extensiones disponibles para todos los idiomas admitidos, incluidos resaltadores de sintaxis, auto-completar de código, y depuración. También hay extensiones para administrar la configuración y la arquitectura de aplicaciones como Docker y Jenkins.
  • Integrado con Git: puede administrar visualmente los repositorios de su proyecto, extraer, confirmar e impulsar sus cambios y una fácil resolución de conflictos. Para los usuarios de SVN, también hay un complemento para agregar soporte a los repositorios de SVN.

Uso de Visual Studio Code para desarrollo web

Puede utilizar el código de Visual Studio para diferentes proyectos de desarrollo. Para el desarrollo web, además, puede encontrar en Visual Studio una poderosa herramienta para mejorar su eficiencia y ahorrar mucho tiempo y esfuerzos para diferentes tareas. Ciertamente, si tienes experiencia previa con editores como Sublime o Atom, algunos comandos y atajos te resultarán muy familiares. A continuación algunos de los primeros pasos a seguir para tener una mejor experiencia.

Instalación y configuración inicial

Después de descargar el instalador de la aplicación, puede realizar algunas mejoras iniciales en su editor por primera vez:

  • Cambie el tamaño de fuente: use su tamaño de fuente preferido cambiando el zoom como en su navegador (Ctrl +/- o Comando +/- en Mac)
  • Otras configuraciones básicas: cambie el tamaño de la pestaña y ajuste el texto en la página de configuración principal (Ctrl o Comando en Mac) a su elección.
  • Instale algunas extensiones esenciales: compruebe las extensiones más populares e instale las más útiles para usted. Según el tipo de proyecto, es posible que desee instalar algunas de estas extensiones:
    • Javascript: ESLInt y TSLint para verificar la sintaxis de Javascript, soporte Npm, Vue y React Snippets, Debugger for Chrome
    • HTML: HTML Snippets y CSS autocompletado.
    • PHP: PHP IntelliSense, PHP Debug, phpcs (verificación de sintaxis), Twig para plantillas, paquete de extensión Laravel (fragmentos, plantillas Blade, comandos artesanales)
    • Python: Python (sintaxis, depuración), Dyango, Jinga
    • Java: Maven para Java, depurador, Test Runner (JUnit)

Deja un comentario