Visual Studio Code admite más de 40 lenguajes de programación y es un editor de texto multiplataforma gratuito utilizado principalmente para el desarrollo front-end. Es un producto de Microsoft y se puede usar en casi todos los principales sistemas operativos como Linux, Windows y MacOS. Visual Studio Code se usa ampliamente para el desarrollo de JavaScript, ya que es liviano, pero tiene potentes características incorporadas como IntelliSense (código más rápido, ya que muestra la finalización inteligente del código), el formato, las refactorizaciones, la navegación en código, la depuración y mucho más.
Veremos cómo configurar el código Visual Studio para JavaScript en esta publicación. Demos el primer paso, que es instalar el código Visual Studio en nuestros Windows.
Instalación del código de Visual Studio
Para instalar el código de Visual Studio, primero, tenemos que descargarlo desde el enlace a continuación:
https: // código.estudio visual.com/
Cuando visite la URL anterior, verá un botón azul que dirá Descargar para Windows. Haga clic en este botón.
Cuando haga clic en el botón Azul, la descarga comenzará:
Una vez que termine su descarga, haga clic en el archivo descargado que se muestra en la captura de pantalla anterior.
Una vez hecho esto, verá una ventana emergente que es un acuerdo de licencia para el código Visual Studio. Selecciona el "acepto el acuerdoOpción "y luego haga clic en el botón Siguiente:
La siguiente ventana que aparecerá será para seleccionar tareas adicionales. Seleccione todas las opciones que necesita y luego haga clic en Próximo botón:
Una vez que haga clic en el Próximo botón, el Listo para instalar La ventana aparecerá donde tenga que hacer clic en el Instalar botón:
La instalación ahora comenzará:
Una vez que la instalación esté completa, haga clic en el finalizar El botón y su código Visual Studio se lanzarán.
Configuración del código Visual Studio
Ahora que hemos terminado de descargar e instalar el código Visual Studio, configuemos nuestro editor para JavaScript. El primer paso para configurar nuestro código Visual Studio es instalar las extensiones requeridas, lo que nos ayudará a codificar de manera eficiente y rápida. El icono de extensión está presente a la izquierda que se muestra en la siguiente captura de pantalla:
Una vez que haga clic en el icono de la extensión, busque la extensión deseada que desea instalar.
Instalemos el Vivingerver Extensión que es muy útil ya que tiene la función automática de recarga en vivo. No necesitamos guardar nuestro archivo, guardará automáticamente y mostrará la salida en nuestro navegador siempre que realicemos cambios en nuestro código.
Buscar el Servidor en vivo En la pestaña Extensión y haga clic en el icono mencionado a continuación:
Una vez que haga clic en el Servidor en vivo, Verá la opción Instalar en el lado derecho. Haga clic en el botón Instalar para instalar el servidor en vivo:
Una vez que haga clic en el instalar Botón, su servidor en vivo se instalará:
Otra extensión que podemos instalar en nuestro código Visual Studio es el JavaScript (ES6) fragmento de código lo cual es muy útil ya que esta extensión viene en numerosos fragmentos de código incorporados. El procedimiento para instalar fragmentos de código ES6 es el mismo que instalar el Servidor en vivo extensión.
Conclusión
JavaScript es un lenguaje de programación web que hace que nuestras aplicaciones web y páginas web sean dinámicas e interactivas al darles la capacidad de pensar y actuar. Para codificar de manera eficiente y rápida, un desarrollador necesita un IDE. IDE es un software donde las herramientas de desarrollador comunes se combinan y están disponibles en una sola interfaz GUI. Uno de los mejores IDE utilizados para JavaScript es Visual Studio Code que ofrece potentes herramientas y características de desarrollo como Code Finalation, IntelliSense, Depugger y mucho más.
En esta publicación, configuramos el código Visual Studio para JavaScript descargándolo primero y luego instalando extensiones en el IDE del código Visual Studio.