Primeros pasos en NPM

Curso de NPM: Gestión de Paquetes y Dependencias en JavaScript

Contenido del curso

Introducción

Instalación de NPM

Configuración de dependencias

Creación y publicación de paquetes

Cierre

15
Sigue desarrollando en JavaScript
01:33 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:009:36

Primeros pasos en NPM

Curso de NPM: Gestión de Paquetes y Dependencias en JavaScript

Clase 5 de 15

Clase 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.

## Terminal

$ mkdir npm
$ cd npm
$ git init
Initialized empty Git repository in 
<tu directorio>/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:

// 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.

$ 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.

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:

$ npm config set init-author-name "Tu Nombre"
$ npm config set init-author-email "TuEmail@email.com"
$ 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).

Cristian Camilo Cortes Ortiz

Hace 2 años

# 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 json-server@0.15.0

- 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.

Comentarios (37)37 comentarios

Yuli Alexandra Pulido Castañeda

Hace 4 años

DAVID GONZALO MESA PERDOMO

andres gonzalez

Hace 3 años

Porfirio González López

Andres López

Rubén Ernesto Aragón Gil

Cesar Perez

----- ----

Felix Araque Diaz Maroto

Walter Ferrufino

Agustin Javier Alvarez Yudica

Darwin Rodríguez

Jorge Mauricio Gatica López

Juan Esteban Perdomo Santos

Alvaro Nicolas Ojeda

Cristian Muñoz

Kenneth Angulo L

Hace 2 meses

Andrés Soret Chacin

Maria Gabriela Rodriguez Cuevas

CARLOS JARAMILLO

Ameth Ordoñez Erazo

leonardo alies fuentes

Victor Hugo Cruz Carballo

Mario Alejandro Crespo Reyes

Hace 9 meses

Moises Hernandez

Hace un año

Introducción

Bienvenida a NPM

Gestión de dependencias

Instalación de NPM

Instalación de NPM en MacOS

Instalación de NPM en Windows

Configuración de dependencias

Primeros pasos en NPM

Instalación de dependencias

Instalación de dependencias de versiones específicas

Comandos en NPM (Scripts)

Actualización de dependencias

Seguridad y solución de problemas

Eliminación de dependencias y Package lock

Creación y publicación de paquetes

Crear un paquete

Publicar un paquete

Versionado de paquetes y paquetes privados

Cierre

Sigue desarrollando en JavaScript

Primeros pasos en NPM

Progreso del curso

Introducción

Instalación de NPM

Configuración de dependencias

Creación y publicación de paquetes

Cierre

Recursos

Recursos