Cargando



Instalar Node JS en Visual Studio Code

Tutorial con vídeo para saber cómo instalar Node JS en Visual Studio Code de manera detallada paso a paso.


dic 22 2022 13:03
Avanzado

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.

 

Características de Visual Studio Code
Algunas de las características de Visual Studio Code son:
  • integra herramientas de compilación y secuencias de comandos
  • Permite abrir un archivo HTML en el navegador web
  • Podemos iniciar o detener el servidor con un solo clic desde la barra de estado
  • Compatibilidad con navegadores actuales
  • Número de puerto personalizable, raíz del servidor y otros componentes mas
  • Soporte para excluir archivos para detección de cambios
  • Soporte de SVG
  • Soporte de https
  • Editor de código fuente integrado
  • Hace uso de una arquitectura de servicio de herramientas con la cual será posible integrarse a utilidades de otras tecnologías
  • Permite depurar, generar perfiles y emitir diagnósticos con sencillez
  • Cuenta con herramientas de pruebas integrales
  • Soporte para múltiples lenguajes de programación
  • Soporte web
  • Soporte de terminales
  • Soporte para Git
  • Estructura jerárquica para los códigos de archivo

 

Tutorial con vídeo para saber cómo instalar Visual Studio Code en Ubuntu de manera detallada paso a paso.

 

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.

 

 

Para estar al día, recuerda suscribirte a nuestro canal de YouTube!
SUSCRIBETE EN YOUTUBE

 

 

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

 

Paso 1

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

 

 

 

Paso 2

Descarga la versión recomendada:

 

 

Paso 3

Ejecutamos el archivo para ver la siguiente ventana:

 

Descarga-la-versión-recomendada--3.png

 

Paso 4

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

 

Descarga-la-versión-recomendada--4.png

 

Paso 5

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

 

Descarga-la-versión-recomendada--5.png

 

Paso 6

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

 

Instalar-Node-JS-en-Visual-Studio-Code-6.png

 

Paso 7

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

 

Instalar-Node-JS-en-Visual-Studio-Code-7.png

 

Paso 8

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

 

Instalar-Node-JS-en-Visual-Studio-Code-8.png

 

Paso 9

Veremos lo siguiente más adelante:

 

Instalar-Node-JS-en-Visual-Studio-Code-9.png

 

Paso 10

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

 

Instalar-Node-JS-en-Visual-Studio-Code-10.png

 

Paso 11

Al finalizar este proceso veremos lo siguiente:

 

Instalar-Node-JS-en-Visual-Studio-Code-11.png

 

Paso 12

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

 

 

Paso 13

Pulsamos alguna tecla y se abrirá PowerShell:

 

 

Paso 14

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

 

 

Paso 15

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

 

 

Paso 16

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

 

 

Paso 17

Veremos el siguiente mensaje:

 

 

Paso 18

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

 

 

Paso 19

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":

 

Instalar-Node-JS-en-Visual-Studio-Code-19.jpg

 

Paso 20

Se abrirá la siguiente ventana:

 

Instalar-Node-JS-en-Visual-Studio-Code-20.png

 

Paso 21

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

 

Instalar-Node-JS-en-Visual-Studio-Code-21.png

 

Paso 22

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

 

Instalar-Node-JS-en-Visual-Studio-Code-22.png

 

Paso 23

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

 

Instalar-Node-JS-en-Visual-Studio-Code-23.png

 

Paso 24

Aplica los cambios:

 

Instalar-Node-JS-en-Visual-Studio-Code-24.png

 

Paso 25

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

 

Instalar-Node-JS-en-Visual-Studio-Code-25.png

 

Paso 26

Ejecutamos lo siguiente:
npm init

 

Paso 27

Es posible ver el siguiente error:

 

 

Paso 28

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:

 

 

Paso 29

Allí iniciamos Node JS ejecutando lo siguiente:
/nmp init
Pulsamos la tecla Enter para completar el proceso:

 

 

 

Paso 30

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

 

 

Paso 31

Son un serie de preguntas que podemos dejar por defecto:

 

 

Paso 32

Al finalizar veremos lo siguiente:

 

 

Paso 33

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.

 

Tutorial con vídeo para saber cómo instalar Visual Studio 2022 Preview en Windows 10.


¿Te ayudó este Tutorial?


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!

X