Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

11 Días
7 Hrs
4 Min
27 Seg

Primeros pasos en NPM

5/15
Recursos

Desde una terminal o línea de comandos, crea un directorio con el nombre de tu proyecto. Después, como buena práctica, inicia un repositorio local de Git dentro de la carpeta creada.

El símbolo $ representa la línea de entrada para los comandos en la terminal.

```bash

Terminal

$ mkdir npm $ cd npm $ git init Initialized empty Git repository in /pruebas/.git/ ```

Una vez creado el espacio correspondiente al proyecto de JavaScript. Deberás tener un archivo de configuración llamado package.json.

Cómo estructurar un archivo de configuración package.json

El archivo package.json es un archivo de configuración que contiene la información más importante de tu proyecto como: datos específicos, dependencias, dependencias de desarrollo y archivos de ejecución.

Este archivo, como su extensión lo indica, está estructurado en formato JSON (JavaScript Object Notation) que sirve para una mejor lectura e interpretación para los usuarios y las máquinas.

Datos específicos del archivo package.json

Los datos específicos ayudan a identificar el proyecto y actúan como una base para que los usuarios y los contribuidores obtengan información sobre el proyecto.

El archivo package.json estaría estructurado inicialmente por las siguientes propiedades:

  • "name": Indica el nombre del proyecto.
  • "version": Indica la versión del proyecto.
  • "description": Indica una breve descripción del proyecto.
  • "main": Indica el archivo principal del proyecto.
  • "scripts": Indica los comandos a ejecutar del proyecto (no te preocupes por el comando test por ahora).
  • "keywords": Indica las palabras clave del proyecto.
  • "author": Indica el nombre y dirección de correo electrónico del propietario del proyecto.
  • "license": Indica la licencia del proyecto.

El archivo package.json estaría estructurado de la siguiente manera:

```json // archivo package.json

{ "name": "npm", "version": "1.0.0", "description": "Constuir un paquete para node", "main": "src/index.js", "scripts": { "test": "echo \"Error no test specified\" && exit 1" }, "keywords": [ "javascript", "node", "package" ], "author": "TuNombre tucorreo@gmail.com", "license": "MIT" } ```

Cómo utilizar el comando npm init

Aunque puedes crear el archivo de configuración manualmente, NPM te ayuda a crearlo rápidamente mediante el comando npm init. Este comando te permite ingresar los datos específicos del proyecto y genera el archivo package.json en tu directorio.

```bash $ npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults.

See npm help init for definitive documentation on these fields and exactly what they do.

Use npm install <pkg> afterwards to install a package and save it as a dependency in the package.json file.

Press ^C at any time to quit. package name: (npm) ```

Puedes ingresar tus propios datos, o utilizar la recomendación de NPM (lo que está entre paréntesis) y solamente dar enter. Al final, te preguntará si la configuración del package.json es correcta para generar el archivo.

```bash version: (1.0.0) description: Constuir un paquete para node entry point: (index.js) src/index.js test command: npm test git repository: keywords: javascript, node, package author: TuNombre tucorreo@gmail.com license: (MIT) About to write to /npm/package.json:

{ "name": "npm", "version": "1.0.0", "description": "Constuir un paquete para node", "main": "src/index.js", "scripts": { "test": "echo \"Error no test specified\" && exit 1" }, "keywords": [ "javascript", "node", "package" ], "author": "TuNombre tucorreo@gmail.com", "license": "MIT" }

Is this OK? (yes) ```

Cómo utilizar el comando npm init --yes

El comando npm init --yes o npm init -y te ayudará a crear un archivo package.json de manera rápida con una configuración por defecto, sin la necesidad de ingresar los datos.

Para establecer esta configuración por defecto, necesitarás utilizar el comando npm config set init-<atributo>. Te comparto algunas de las configuraciones por defecto más comunes:

bash $ npm config set init-author-name "Tu Nombre" $ npm config set init-author-email "[email protected]" $ npm config set init-author-url "https://tuWeb.com" $ npm config set init-license "MIT" $ npm config set init-version "0.0.1"

De esta manera ya estás listo para gestionar dependencias de tu proyecto con NPM.

Contribución creada por Andrés Guano (Platzi Contributor).

Aportes 25

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Hola Chic@s 😃
Comparto mis apuntes

  • “name”: “npm-init” —> Podemos ponerle un nombre sin embargo toma por defecto el de la carpeta.

  • “version”: “1.0.0” —> Podemos cambiar segun el caso, dependiendo un cambio mayor o uno menor

  • “description”:"" —> Podemos hacer una breve descripcion del proyecto.

  • “entry point”: “(index.js)” —> Punto de entrada del proyecto.

  • “test command”: —> Podemos incluir los comandos para validar nuestro codigo.

  • “git repository”: —> Podemos incluir el repositorio para mantenerlo en la nube

  • “keywords”: [“javascript”, “angular”, “node”] —> Que va a utilizar nuestro proyecto.

  • “author”: "Alexa Pulido<pulidoaleXXXXXXX> —> Persona que crea el proyecto

  • “license”: “MIT” —> Licencias, la mas utilizada es MIT, permite distribuir nuestro codigo.

en mi opinión este curso debería estar mas arriba en la ruta, ya que en cursos pasados vi cosas de node y npm que apenas en este curso estoy despejando dudas, pero excelente curso!

Si usan Windows vayan a la fija e instalen y trabajen todo desde WSL. En el curso de Prework para Windows explican como Instalarlo y configurarlo

Yo uso git bash en el caso window, se me hace mas comodo que el wsl

Yo uso windows y para seguir los comandos de la clase uso git bash, que es como una terminal de linux pero en windows, pero cada quien que haga lo que mejor le venga

Para la gente que usa windows les invito a instalar
oh my posh o como indicó Oscar instalar WSL

que liviano se siente este curso, en comparación a los últimos dos jeje

Para los que usan Windows como yo les recomiendo usar WSL

Para los que usan linux

Remover node

sudo apt-get remove nodejs

Instalar nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Actualizar Node a la ultima version (ultima version al dia de hoy)

nvm install 18.17.1

Actualizar npm a la ultima version

curl -qL https://www.npmjs.com/install.sh | sh

verificar

npm version

Fuentes

npm
node
freecodecamp

💡 Hola! las dependencias son importantes ya que con estas podemos reutilizar codigo de otros desarroladores de una forma rapida y sencilla, para instalar dependecias podemos hacerlo a travez de npm y yarn

¿Como Instalar una Dependecia?

Para Instalar una dependencia con npm iniciamos con la siguiente forma.

npm install <nombre de la dependecia>

Dependecias de Desarrollo

Al agregar --save-dev despues del nombre de la dependendecia estamos especificando que solo vamos a utillizar la dependecia en el entorno de desarrollo. Asi mismo podemos utilizar -D despues del nombre de la dependecia

npm install <nombre de la dependecia> --save-dev

#Tambien podemos utilizar

npm install <nombre de la dependecia> -D

Dependencias de Producción

Al agregar —-save despues del nombre de la dependecia estamos especificando que es una dependecia que utilizara en producción

npm install <nombre de la dependecia> --save

Dependencias Globales

Al agregar —g antes del nombre de la dependecia, estamos especificando que la dependecia que estamos instalando esta en el scope global

npm install -g <nombre de la dependecia>

package.json

Este archivo indica a npm que el directorio en el que se encuentra es en efecto un proyecto o paquete npm. Este archivo contiene la información del paquete incluyendo la descripción del mismo, versión, autor y más importante aún dependencias.

Este archivo es generado automáticamente mediante la ejecución de un script de npm: npm init este script es ejecutado para inicializar un proyecto JavaScript, al ejecutarlo la línea de comandos te hará algunas preguntas para crear el paquete:

 $ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (test)

Esta utilidad te guiará en el proceso de crear un archivo package.json. Solo cubre los items más comunes y trata de adivinar algunos valores por defecto. Revisa npm help init para documentación más a fondo sobre estos campos y que hacen exactamente. Utiliza npm install <pkg> para instalar paquetes y guardarlos como dependencia en el archivo package.json. Presiona ^C en cualquier momento para cancelar

nombre del paquete: (que-es-npm)

Lo primero que verás al ejecutar npm init es un mensaje como el anterior y la primera pregunta: nombre del paquete: (que-es-npm) que entre paréntesis mostrará el nombre del directorio en el que se está ejecutando como nombre por defecto.

Luego veras lo siguiente.

version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
author:
license (MIT):
private:

Puedes simplemente presionar Enter en cada una de estas opciones para dejar vació el campo o guardar el valor por defecto que se muestra entre paréntesis.

  • version: Corresponde a la versión de tu proyecto. Lo ideal es mantener este campo actualizado cuando modificas algo en tu proyecto o librería utilizando por ejemplo semver.
  • description: Una breve descripción de tu proyecto. Particularmente importante si lo que estás creando es un paquete que publicarás vía npm.
  • entry point: Define cuál será el punto de “entrada” de tu proyecto. Esto es, que archivo se ejecutará cuando se importe tu proyecto dentro de otro. Nuevamente, especialmente importante para paquetes de librerías.
  • test command: Aquí puedes definir el comando que quieres ejecutar para realizar las pruebas de tu proyecto, este comando se ejecutará cuando escribas npm run test en tu terminal.
  • git repository: Define la url del repositorio git en donde este proyecto está alojado, se utiliza para informar a los usuarios de tu paquete el repositorio en donde encontrar el código fuente del proyecto.
  • author: El nombre e email de quien creó este proyecto.
  • license: Identifica el tipo de licencia de uso de tu proyecto. Permite a las personas saber que y que no está permitido al usar tu código. Puedes encontrar la lista completa de licencias soportadas por este campo aquí.
  • private: Es un valor boolean que te permite evitar que tu paquete se publique en el repositorio. Si lo que estás creando es un proyecto personal este valor será true.

Una vez contestadas todas las preguntas y terminado el proceso de inicialización tendrás un nuevo archivo dentro del directorio de tu proyecto: project.json cuyo contenido será similar a este

{
  "name": "que-es-npm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \\"Error: no test specified\\" && exit 1"
  },
  "author": "Matias Hernandez <[email protected]> (<https://matiashernandez.dev>)",
  "license": "ISC"
}

🔰 Archivos del Proyecto 🔰


 

Pasos 📌

 

  • • Ir a la carpeta donde estará el proyecto, se da click derecho y se selecciona “Abrir en una terminal” (con Ubuntu).
      • ◦ Al abrir la terminal, se crea la carpeta npm con el siguiente comando (take: crea la carpeta y entra en ella):
take npm

 

  • ◦ Se crea el primer mini-proyecto:
take npm-init

 

  • ◦ Inicializamos el repositorio con git:
git init
  • ◦ Inicializamos el proyecto con:
npm init
  • ◦ Después de dar ENTER, aparecerán instrucciones que pueden editarse, se deja casi todas por defecto, excepto en keywords, en author y en license:
          package name: (npm-init) 
          version: (1.0.0) 
          description: 
          entry point: (index.js) 
          test command: 
          git repository: 
          keywords: javascript, angular, node
          author: Maria Rodriguez
          license: (ISC) MIT

 

  • ◦ Al final muestra como será el archivo package.json de lo que hemos configurado:
          package.json:
          {
            "name": "npm-init",
            "version": "1.0.0",
            "description": "",
            "main": "index.js",
            "scripts": {
              "test": "echo \"Error: no test specified\" && exit 1"
            },
            "keywords": [
              "javascript",
              "angular",
              "node"
            ],
            "author": "Maria Rodriguez",
            "license": "MIT"
          }

 

  • ◦ Pregunta si estamos de acuerdo con lo que se ha agregado, escribimos: yes y luego ENTER.

  • ◦ Si ejecutamos el comando ls, se muestra el archivo package.json.

  • ◦ Vamos abrir al editor VS Code, ejecutamos el comando:

code .

 

  • ▪ Se abre el editor y se puede abrir el archivo package.json al dar click al menú izquierdo. Se puede editar directamente el archivo desde ahí.
     

Les dejo este video de Sacha Lifszyc en un Platzi Live sobre las diferentes licencias que existen para el software:

Ver video

se puede desde git yo lo hago sin problema desde ahi

npm init -y es El comando para la inicializacion de Las confoguraciones por defecto
hola, por lo que entendi, vamos anecesitar usar los mismos commandos que se usarian el la baash the linux, asi que si tienes windos y no quieres montar todo el subsistema de linux en tu pc, con git bash te deberia bastar
* **Versiones de paquetes**: Es crucial especificar las versiones de los paquetes que utilizas en tu proyecto. Puedes hacer esto en el archivo `package.json` utilizando el formato adecuado para evitar problemas de compatibilidad entre versiones. * **Instalación local vs global**: Los paquetes se pueden instalar de forma local en tu proyecto (`npm install <paquete>`) o de forma global (`npm install -g <paquete>`). La elección depende de si el paquete es una herramienta de línea de comandos que necesitas utilizar en varios proyectos o una dependencia específica de un proyecto. * **Scripts de npm**: Puedes definir scripts personalizados en el archivo `package.json` bajo la clave `"scripts"`. Esto te permite automatizar tareas comunes como iniciar el servidor, ejecutar pruebas, compilar código, entre otros. * **Actualización de paquetes**: Es importante mantener tus paquetes actualizados para aprovechar las últimas correcciones de errores y mejoras. Puedes verificar las actualizaciones disponibles con `npm outdated` y actualizarlas con `npm update`. * **Gestión de dependencias**: Asegúrate de revisar las dependencias de tus paquetes (especialmente las dependencias indirectas) para evitar vulnerabilidades de seguridad. Herramientas como `npm audit` pueden ayudarte a identificar y resolver problemas de seguridad. * **Uso de** `.npmignore`: Si necesitas excluir archivos y directorios específicos de ser incluidos al publicar tu paquete en el registro de npm, puedes configurar un archivo `.npmignore` similar al `.gitignore` para Git. * **Publicación de paquetes**: Si estás desarrollando un paquete que deseas compartir con otros desarrolladores, asegúrate de seguir las prácticas recomendadas para la publicación en el registro de npm. Esto incluye la creación de una cuenta en npmjs.com y la configuración adecuada de los metadatos en `package.json`. * **Archivos** `package-lock.json` **y** `npm-shrinkwrap.json`: Estos archivos aseguran que las instalaciones de paquetes sean deterministas y reproducibles. El `package-lock.json` se genera automáticamente para proyectos nuevos y debe estar bajo control de versiones. * **Configuración de npm**: Puedes configurar npm utilizando comandos como `npm config set <clave> <valor>` para personalizar su comportamiento, como el registro predeterminado, proxies, etc. * **Comunidad y documentación**: La comunidad de npm es grande y activa. Siempre es útil revisar la documentación oficial de npm y consultar foros o preguntas frecuentes cuando encuentres problemas o tengas preguntas.
\# COMANDOS \- `npm init` \- Permite inicializar un proyecto de Node.js. \- `npm install` \- Dentro del directorio de un proyecto de Node.js, permite instalar las dependencias definidas en el archivo `package.json`. \- `npm install package` \- Permite instalar paquetes. \- Ejemplo: `npm install express` \- `npm i package` \- Permite instalar paquetes. \- Ejemplo: `npm i express` \- `npm install -g` \- Permite instalar paquetes globales. \- Ejemplo: `npm install nodemon -g` \- `npm install --save` \- Permite instalar un paquete y guardar el paquete como una dependencia del proyecto. \- Ejemplo: `npm install react --save` \- `npm install -S` \- Permite instalar un paquete y guardar el paquete como una dependencia del proyecto. \- Ejemplo: `npm install react -S` \- `npm install -O` \- Permite instalar un paquete de manera opcional. \- Ejemplo: `npm install eslint -O` \- `npm install --dry-run` \- Permite simular una instalación, pero sin agregar absolutamente nada al proyecto. \- Ejemplo: `npm install react-dom --dry-run` \- `npm install @version` \- Permite instalar una determinada versión de un paquete. \- Ejemplo: `npm install [email protected]` \- `npm install @latest` \- Permite instalar la última versión de un paquete. \- `npm install /path` \- Permite simular la instalación de un paquete de manera local desde la ruta del directorio del proyecto. \- Ejemplo: `npm install /Users/developer/project/module` \- `npm list` \- Permite listar los paquetes instalados del proyecto. \- `npm list -g` \- Permite listar los paquetes instalados globales. \- `npm run script` \- Permite ejecutar un script de código personalizado en el archivo `package.json`. \- Ejemplo: `npm run migrations` \- `npx` \- Permite ejecutar acciones particulares sin tener que realizar la instalación dentro de la máquina. \- Ejemplo: `npx create-react-app my-app` \- `npm outdated` \- Permite ver las dependencias que están desactualizadas. \- `npm update package` \- Permite actualizar paquetes. \- Ejemplo: `npm update react-dom@latest` \- `npm audit` \- Permite ver una descripción de las dependencias instaladas en el proyecto. \- `npm audit --json` \- Permite ver un informe detallado en formato JSON de las dependencias instaladas en el proyecto. \- `npm audit fix` \- Permite realizar una actualización de las dependencias del proyecto similar al comando `npm update`. \- `npm audit fix --force` \- Permite realizar una actualización de los subpaquetes de cada dependencia de todos los niveles de profundidad. \- `npm uninstall package` \- Permite desinstalar paquetes. \- Ejemplo: `npm uninstall webpack-dev-server` \- `npm link` \- Permite crear un enlace simbólico para reconocer el paquete dentro del listado de NPM. \- `npm version` \- Permite modificar la versión de un paquete. \- Ejemplo: `npm version 1.3.2` \- `npm publish` \- Permite publicar un paquete en el repositorio de NPM.
### Instalación de npm en Windows 1. **Descargar Node.js**: npm se instala automáticamente junto con Node.js. Por lo tanto, necesitarás descargar e instalar Node.js, que incluirá tanto Node.js como npm. * Visita el sitio web de Node.js en <https://nodejs.org/>. * Descarga el instalador de Node.js para Windows. * Ejecuta el instalador y sigue las instrucciones para completar la instalación. Durante el proceso de instalación, asegúrate de seleccionar la opción para instalar npm. 2. **Verificar la instalación de npm**: Una vez completada la instalación, puedes verificar la versión de npm ejecutando el siguiente comando en el símbolo del sistema (Command Prompt) o en PowerShell:bash Copy codenpm -v Esto mostrará la versión de npm instalada en tu sistema. 3. **Actualizar npm (opcional)**: Después de la instalación, es recomendable comprobar si hay actualizaciones disponibles para npm. Puedes ejecutar el siguiente comando para actualizar npm a la última versión:bash Copy codenpm install npm@latest -g Siguiendo estos pasos, podrás instalar npm en tu sistema Windows. Si tienes alguna otra consulta o necesitas más ayuda, no dudes en preguntar. ![Your avatar](https://lh3.googleusercontent.com/a/ACg8ocJKYnoToBUF1rT0ijZ-76kD94zSOTTHKh28ZTdrU2eMQAg=s96-c)YouPrimeros pasos en NPM![Chatsonic](https://app.writesonic.com/_next/static/media/chatsonic.cdc6005b.svg)Chatsonic Al comenzar a trabajar con npm, es útil comprender algunos conceptos y realizar algunas tareas básicas. Aquí tienes una guía de los primeros pasos para empezar a usar npm: ### Instalación de npm Antes de comenzar, asegúrate de tener npm instalado en tu sistema siguiendo los pasos adecuados para tu plataforma (Windows, macOS, Linux). ### Inicialización de un proyecto Para comenzar a utilizar npm en un proyecto, realiza los siguientes pasos: 1. **Crea un directorio para tu proyecto**: Abre una terminal y crea un nuevo directorio para tu proyecto. 2. **Inicializa tu proyecto con npm**: Dentro del directorio de tu proyecto, ejecuta el siguiente comando para inicializar un nuevo proyecto npm. Este comando creará un archivo `package.json` que contendrá la información sobre tu proyecto.bash Copy codenpm init Sigue las instrucciones en pantalla para proporcionar la información solicitada sobre tu proyecto, como el nombre, la versión, la descripción, el punto de entrada, las pruebas, etc. ### Instalación de paquetes Una de las funciones principales de npm es la gestión de dependencias a través de la instalación de paquetes. Puedes instalar paquetes de npm utilizando el comando `npm install`. Por ejemplo: * **Instalar un paquete como dependencia de producción**:bash Copy codenpm install nombre\_del\_paquete * **Instalar un paquete como dependencia de desarrollo**:bash Copy codenpm install nombre\_del\_paquete --save-dev ### Uso de paquetes instalados Una vez instalados, puedes utilizar los paquetes en tu proyecto. Por ejemplo, si estás trabajando con un proyecto de JavaScript, puedes importar módulos de los paquetes instalados en tu código. ### Actualización de paquetes Puedes actualizar los paquetes instalados a la última versión utilizando el comando `npm update`. ### Publicación de paquetes (opcional) Si estás desarrollando un paquete que te gustaría compartir con la comunidad, puedes publicarlo en el registro público de npm. Para ello, necesitarás crear una cuenta en npm y seguir los pasos para publicar tu paquete.

¿Qué es npm?

npm es parte esencial de Node.js, el entorno de ejecución de JavaScript en el lado del servidor basado en el motor V8 de Google. Es muy seguramente la principal razón del gran éxito de Node permitiendo que cientos de desarrolladores puedan compartir paquetes de software entre distintos proyectos.

En este momento, se han publicado 1,493,231 paquetes por medio de su repositorio con más de 27 mil millones de descargas.

npm responde a las siglas de Node Package Manager o manejador de paquetes de node, es la herramienta por defecto de JavaScript para la tarea de compartir e instalar paquetes.

Tal como reza su documentación, npm se compone de al menos dos partes principales.

  • Un repositorio online para publicar paquetes de software libre para ser utilizados en proyectos Node.js
  • Una herramienta para la terminal (command line utility) para interactuar con dicho repositorio que te ayuda a la instalación de utilidades, manejo de dependencias y la publicación de paquetes.

Es decir, en tu proyecto basado en Node — que actualmente incluye los proyectos de aplicaciones web que utilizan Node para su proceso de compilación y generación de archivos — utilizarás la utilidad de linea de comandos (cli) para consumir paquetes desde el repositorio online, un listado gigantesco de soluciones de software para distintos problemas disponibles públicamente en npmjs.com y para manejar dependencias, y para ello necesitas un archivo de configuración que le diga a npm que este es un proyecto node.

Recomendación para los usuarios de Windows: WSL, Oh My Zsh!, PowerToys

Recomiendo encarecidamente el uso de WSL, no solo tienes la ventaja de mantener tu sistema Windows como a ti te guste, sino que puedes aprovechar todas las ventajas de desarrollo en Linux o MacOS. En definitiva, es la mejor opción para desarrolladores.

Yo personalice mi terminal de Windows con distintas distribuciones, tambien modifique mi shell de Ubuntu en WSL con Oh My Zsh!

Les dejo una captura para que vean que lindo queda, aunque les recomiendo indagar más en el tema de WSL para poder personalizarlo.



Nótese que la terminal tiene un grado de transparencia que lo puedes modificar a gusto, tambien puedes ponerle un fondo de pantalla.


Pera personalizar su terminal les dejo este tutorial en Platzi y otro de fuente externa, aunque muy bien explicado tambien.

Fíjense que utilizo el tema Agnoster 👀 que me permite visualizar los cambios en Git y acciones a realizar. Tambien instale NVM para manejar las ultimas versiones de Node.js desde WSL, cosa que no lo hace por defecto. En clases anteriores deje indicaciones de como instalar NVM en WSL.

Comento esto porque veo a muchos recomendando utilizar WSL, yo desde que comencé en Platzi y vi la clase de Prework en Windows lo vengo utilizando, solo cometí dos veces un error severo que me llevo a reinstalar WSL. 🤣

Tambien recomiendo el uso de PowerToys, son herramientas indispensables para el ámbito de desarrollo.

  • Les dejo un video resumido de lo que se puede hacer con PowerToys para Windows.


Pero bueno, de los errores se aprenden. No tengan miedo y vayan adelante con su terminal personalizada. ✌

No te rindas, animo en este aprendizaje. 💪

Actualizar de forma manual NVM para que puedas tener multiples ambientes con diferentes versones de node.

(requires git v1.7.10+):

Cambier de locación en la terminal a $NVM_DIR
Fetch las últimas actualizaciones
Cambien a la rama más actualizada usando git describey el siguiente regex
Activen la nueva versión

(
  cd "$NVM_DIR"
  git fetch --tags origin
  git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" $(git rev-list --tags --max-count=1)`
) && \. "$NVM_DIR/nvm.sh"

Source.

Vas a amar NPM!
Simplemente ahi afuera hay codigo bien contruido y bien hechito que le caeria de pelos a tu proyecto.
No tienes la necesidad de copiarlo y ponerlo tu mismo en archivos y agregarlo y… etc etc. Por favor, no!

Ejemplo: Ten, un “normalizador” de estilos por defecto para tu projectos con CSS :

npm i normalize.css

Ya esta, un paquete que contiene un solo archivo .css que se incluye automaticamente en tu carpeta.

Maravilla!

Pasos de la clase:

  • Crear espacio de trabajo -> mkdir npm -> cd npm
  • Crear -> mkdir npm-init ->cd npmn-init -> git init (clear limpiar terminal)
  • npm init -> crear base del proyecto con datos del mismo
  • Tambien se puede utilizar -> npm init -y para generar el archivo package.json

Apunte en Notion