Instalar Node JS en Visual Studio Code

Visual Studio Code es un editor de código disponible para diversas plataformas (como Windows, macOS y Linux) en la cual encontramos numerosas herramientas para desarrolladores tales como la finalización y depuración de código de IntelliSense, soporte integrado para JavaScript, TypeScript y Node.js así como extensiones para más lenguajes y tiempos de ejecución conocidos como C++, C#, Java, Python y más.

 

 

 

Ahora, una de las utilidades mas importantes con las cuales podemos usar y expandir Visual Studio Code es con Node.js, Node.js es una plataforma que nos permite crear aplicaciones de servidor funcionales y escalables a través de JavaScript. Node.js funciona como el tiempo de ejecución y npm es el administrador de paquetes que gestiona los módulos de Node.js.

 

Visual Studio Code es totalmente compatible con los lenguajes JavaScript y TypeScript y de paso con la depuración de Node.js, el único requisito es que para poder ejecutar una aplicación Node.js será necesario instalar el tiempo de ejecución de Node.js localmente en nuestro equipo. Solvetic enseñará a realizar este proceso y disponer del máximo potencial de node.js y Visual Studio Code.

 

 

 

 

1 Cómo instalar Node.js en Visual Studio Code

 

Vamos a la URL de Node.js en el siguiente enlace:

 

 

 

Descarga la versión recomendada:

 

 

Ejecutamos el archivo para ver la siguiente ventana:

 

 

Damos clic en “Ejecutar” para lanzar el asistente de instalación:

 

 

Damos clic en Next y debemos aceptar los términos de la licencia:

 

 

Después de esto veremos la ruta donde se instalara Node.js:

 

 

A continuación es posible seccionar las características que se instalaran con Node.js:

 

 

En la siguiente ventana es posible habilitar la casilla para instalar de forma automática las herramientas extras que veremos más adelante:

 

 

Veremos lo siguiente más adelante:

 

 

Damos clic en “Install” para iniciar el proceso de instalación de Node.js:

 

 

Al finalizar este proceso veremos lo siguiente:

 

 

En caso de activar la casilla para instalar las herramientas extras después de un momento se abrirá la terminal:

 

 

Pulsamos alguna tecla y se abrirá PowerShell:

 

 

Allí se iniciara el proceso de instalación de las utilidades:

 

 

Esto toma tiempo para descargar e instalar cada una de ellas:

 

 

Una vez finalizado esto abrimos Visual Studio Code y arrastramos allí la carpeta de trabajo:

 

 

Veremos el siguiente mensaje:

 

 

Damos clic en “Si, confío en los autores” para agregar la carpeta en Visual Studio Code:

 

 

Es momento de agregar la variable de Node.js en el sistema, para ello en el buscador ingresamos "variable" y damos clic en "Editar las variables de entorno del sistema":

 

 

Se abrirá la siguiente ventana:

 

 

Damos clic en "Variables de entorno" para acceder a la ventana de variables:

 

 

Abrimos el Explorador de archivos y copiamos la ruta de Node.js:

 

 

En las variables damos clic en "Nueva" en "Variables de usuario" y luego ingresamos un nombre y pegamos la ruta de Node.js:

 

 

Aplica los cambios:

 

 

En Visual Studio Code vamos a "Terminal - Nuevo terminal":

 

 

Ejecutamos lo siguiente:

npm init

 

Es posible ver el siguiente error:

 

 

Si vemos este error, usando el comando "cd .." vamos a la raíz de la unidad C y luego con "cd" vamos a la ruta de Node.js:

 

 

Allí iniciamos Node JS ejecutando lo siguiente:

/nmp init

Pulsamos la tecla Enter para completar el proceso:

 

 

 

Nota: la tecla Enter se debe pulsar ya que al iniciar NPM vemos esto:

 

 

Son un serie de preguntas que podemos dejar por defecto:

 

 

Al finalizar veremos lo siguiente:

 

 

Es posible instalar una utilidad con la sintaxis:

./nmp install (app)

 

Algunos comandos extras para usar npm son:

• npm install: instala todas las dependencias en el proyecto

• npm test: ejecuta las pruebas del proyecto

• npm run <script>: ejecuta el script en mención

• npm -l : despliega información de uso de los comandos

Así es posible instalar Node.js en Visual Studio Code y tener a mano una herramienta para nuestros proyectos.