Volver al blog

[Node.js, Npm y VS Code] Configuración del Ambiente de Desarrollo

¡Hola HaWker! Jeff Bruchado por aquí.

Este es el segundo artículo de nuestra serie de artículos que va a cubrir nuestro viaje para Aprender Programación desde Cero.

Y necesito ser sincero contigo, estoy muy emocionado de que hayas iniciado tu viaje.

Antes de todo, sin rodeos, necesito informarte que este contenido puede ser el contenido más aburrido de los que vas a recibir de mí, porque es una etapa de configuración más enfocada en preparar tu ambiente de desarrollo.

Y aun así necesito enfatizar que es de suma importancia que tengas tu ambiente preparado para poner manos a la obra en los próximos contenidos.

Para que así no te quedes atascado en alguna configuración incorrecta o algo del tipo.

Y aquí va un tip crucial para ti que quieres convertirte en un Desarrollador de verdad y conseguir construir tus herramientas desde cero:

Siempre que aprendas algún contenido teórico, ¡por favor! Siempre ponlo en práctica, Programación básicamente es todo práctica, si no pones las teorías que aprendiste en Práctica, nunca serás un Desarrollador.

Disculpa ser duro, pero esta es la verdad que necesitas escuchar en este exacto momento, en que tu viaje está comenzando.

Entonces recuerda siempre, ¿aprendiste algo nuevo? Aunque sea algo extremadamente básico, abre tu editor y escribe algunas líneas de código que tú mismo creaste con tus pensamientos, sin copiar.

Solo así vas a solidificar los conocimientos aprendidos. ¡Como tiene que ser! 🦅

¡Bien! Habiendo pasado ese tip crucial para que te conviertas en un verdadero desarrollador, vamos a lo que interesa.

Cuando comenzamos nuestro viaje en el desarrollo, una de las primeras y más cruciales etapas es la configuración del ambiente de desarrollo.

Una configuración adecuada permite que trabajemos de forma eficiente y sin interrupciones. En este artículo vamos a aprender a instalar y configurar las herramientas esenciales para un ambiente de desarrollo moderno.

Instalación Node.js y Npm:

Windows

  1. Accede al sitio oficial de Node.js.
  2. Elige la versión LTS (Long Term Support) y descárgala.
  3. Ejecuta el instalador descargado y sigue las instrucciones, que incluirán la instalación de Node.js y Npm.
  4. Después de la instalación, abre el terminal y verifica las instalaciones con los comandos node -v y npm -v.

Linux/Mac

  1. En el terminal, para distribuciones basadas en Debian (como Ubuntu), usa los comandos:

    sudo apt update
    sudo apt install nodejs npm
  2. Para Mac, usando Homebrew:

    brew update
    brew install node
  3. Verifica las instalaciones con los comandos node -v y npm -v.

Editor de Texto: Visual Studio Code

Visual Studio Code (VSCode) es un editor de código ligero, pero poderoso, que soporta una variedad de lenguajes de programación y tiene una amplia gama de extensiones disponibles.

Instalando Visual Studio Code en Windows

  1. Accede al sitio oficial de VS Code.
  2. Haz clic en el botón de descarga para Windows y espera a que el archivo sea descargado.
  3. Ejecuta el instalador y sigue las instrucciones en pantalla. Recomiendo marcar las opciones "Add to PATH" y "Create a desktop icon" para facilitar el acceso.
  4. Después de la instalación, abre VSCode desde el menú Inicio o del ícono en el escritorio.

Instalando Visual Studio Code en Mac

  1. Accede al sitio oficial de VS Code.
  2. Haz clic en el botón de descarga para macOS.
  3. Después de la descarga, abre el archivo .zip descargado y arrastra la aplicación VS Code a tu carpeta Aplicaciones.
  4. Puedes abrir VSCode desde la carpeta Aplicaciones o fijarlo en el Dock para acceso rápido.

Instalando Visual Studio Code en Linux

  1. Accede al sitio oficial de VS Code.

  2. Selecciona el paquete adecuado para tu distribución (.deb para Debian/Ubuntu o .rpm para Fedora).

  3. En el terminal, ve hasta la carpeta donde el paquete fue descargado.

  4. Para distribuciones basadas en Debian:

    sudo dpkg -i nombre_del_paquete.deb

    Para distribuciones basadas en Fedora:

    sudo dnf install nombre_del_paquete.rpm
  5. VS Code estará disponible en el menú de aplicaciones.

Conclusión

Pues bien HaWker, como puedes percibir, este es un artículo un poco más corto, pero de extrema importancia.

Tener un ambiente de desarrollo bien configurado es fundamental para un flujo de trabajo eficiente.

Con Node.js, Npm y VSCode instalados, estás listo para comenzar a dar tus primeros pasos.

¡Y recuerda, estoy aquí para ayudarte en cada paso del camino!

¡Sensacional HaWker! 😮‍💨

Llegamos al fin de nuestro segundo artículo.

Y si llegaste hasta aquí, por favor, responde este email con "¡Conseguí configurar mi ambiente!". Para así yo saber si esta serie de artículos está siendo útil.

Si quedaste con alguna duda, ¡por favor! Envía tu duda respondiendo este email, será un gran placer ayudarte.

Solamente un verdadero HaWker llega hasta el final.

¡Felicitaciones!

Estoy feliz de tenerte aquí.

Te veo pronto, ¡vamos a por ello! 🦅

- Jeff Bruchado

¡Felicitaciones por llegar hasta aquí, HaWker! 🎉

En este momento que aprendiste a configurar el ambiente de desarrollo con Node.js, Npm y VS Code, ¿qué tal testear tus conocimientos? Participa del quiz abajo y ve cuánto absorbiste de nuestro artículo.

Es una excelente manera de fijar el aprendizaje y prepararte para los próximos pasos en tu viaje de programación.

Presiona para acceder al quiz.

¡Buena suerte y diviértete!

Comentarios (0)

Este artículo aún no tiene comentarios 😢. ¡Sé el primero! 🚀🦅

Añadir comentarios