Cómo instalar JavaScript en VSCode

JavaScript es uno de los lenguajes de interfaz de usuario más importantes, ya que le otorga a su página web la capacidad de pensar y reaccionar. Es posible que desees agregar JavaScript a tu IDE si eres un desarrollador front-end. En este tutorial, veremos cómo instalar JavaScript en VSCode.

Instalar JavaScript en VSCode

Visual Studio Code es un editor de código completamente gratuito y de código abierto. Ha sido desarrollado por Microsoft y goza de gran prestigio entre los desarrolladores debido a su diseño ligero, rápido y extensible. Este editor de código es capaz de admitir varios lenguajes de programación y en este tutorial nos centraremos en JavaScript.

Para instalar JavaScript en VSCode, debe seguir los pasos que se mencionan a continuación.

1. Instalar el código de Visual Studio
2. Instalar Node.JS
3. Crear y ejecutar un programa JavaScript

Hablemos de ellos en detalle.

1]Instalar código de Visual Studio

En primer lugar, necesitamos instalar Visual Studio Code en su computadora. Para hacer lo mismo, navegue hasta code.visualstudio.com e instale la aplicación para su plataforma preferida. Una vez descargado, vaya a la ubicación de descarga e instálelo en su computadora.

2]Instalar Node.JS

Node.js es un entorno de ejecución de JavaScript gratuito y de código abierto que puede ejecutarse en varios sistemas operativos, como Windows, Linux, Unix y macOS. Utiliza el motor JavaScript V8 para ejecutar código JavaScript fuera de un navegador web. Con Node.js, puede utilizar JavaScript para escribir herramientas de línea de comandos y realizar secuencias de comandos del lado del servidor.

Podemos instalar el paquete de extensión Node.JS desde el Centro de extensiones. Entonces, vaya a la sección Extensión haciendo clic en el ícono respectivo, busque “Node.JS” y haga clic en el ícono Instalar asociado a él. Este paquete contiene una colección de extensiones útiles para trabajar con JavaScript y Node.js.

Para ejecutar nuestro código JavaScript, necesitamos instalar Node.js, un tiempo de ejecución de JavaScript. Puede descargarlo desde el sitio web oficial de Nodejs.org . Se recomienda elegir la versión LTS (Long Term Support), ya que es la más estable y adecuada para la mayoría de usuarios.

3]Crea y ejecuta un programa JavaScript

Ahora que hemos creado un entorno para que se ejecute el código, comencemos a codificar. Para hacer lo mismo, primero debe crear un archivo VSCode. Entonces, abra Visual Studio Code y vaya a Archivo > Nuevo archivo. Dale un nombre de tu elección pero con extensión .js . Entonces, puedes nombrarlo «javascript.js». Para guardarlo use Ctrl + Shift + S o Archivo > Guardar como. Para confirmar si todo está funcionando bien, use el siguiente comando.

console.log("Hello, world!");

Este código JavaScript generará «¡Hola, mundo!» A través de la consola, una interfaz basada en texto para comunicarse con su programa.

4]Ejecutar archivo JavaScript

Ejecutar JavaScript no es tan sencillo como ejecutar un archivo Java. Tienes que instalar CodeRunner, que agregaría un botón a tu IDE que te permitirá ejecutar el código con solo hacer clic en un botón. O abra Terminal y luego navegue hasta la ruta del archivo usando ‘cd’ o el comando cambiar directorio. Entonces, simplemente vaya a la ruta de su archivo (cd ~/Desktop/JS) y luego ejecute node filename.js. Sin embargo, Code Runner lo hará automáticamente por usted.

El ‘nodo’ reparado no se reconoce como un comando interno o externo

Si recibe un error que indica «‘nodo’ no se reconoce como un comando interno o externo», la variable de ruta no está definida en su sistema. Por lo tanto, debe seguir los pasos que se mencionan a continuación para definir la ruta en la variable de entorno.

1. Presione Win + R, escriba «Variable de entorno» y abra la sección Editar las variables de entorno del sistema.
2. Haga clic en Variables de entorno.
3. Seleccione Ruta y luego haga clic en Editar.
4. Haga clic en Nuevo y pegue la ruta donde está instalado Nodejs. Para mí, era “C:\Program Files\nodejs”
5. Haga clic en Aceptar.

Finalmente, reinicie Visual Studio Code y luego verifique si el problema está resuelto.

¿Cómo agregar JavaScript en VS Code?

Para agregar JavaScript en Visual Studio Code, primero debe instalar VSCode y luego Node.JS. Una vez hecho esto, crea un. JS, escriba códigos y luego comience a escribir códigos. Para ejecutarlo, simplemente navegue hasta la ruta del archivo usando la Terminal y luego ejecute node filename.js o mejor descargue la extensión Code Runner.

¿Podemos hacer JavaScript en VS Code?

Sí, puedes usar JavaScript en VS Code. De hecho, VS Code proporciona un excelente soporte de depuración para JavaScript. Puede establecer fácilmente puntos de interrupción, inspeccionar objetos, navegar por la pila de llamadas y ejecutar código en la consola de depuración. Si desea obtener más información sobre la depuración en VS Code, navegue hasta code.visualstudio.com .