Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 13D : 7H : 13M : 42S

Debes iniciar sesión

Para ver esta clase crea una cuenta sin costo o inicia sesión

Iniciar un proyecto4/15

RESUMEN COMPLETO DEL CURSO, SE QUE TE AHORRARE HORAS DE NOTAS:
JS – 31-dd8defe4-29bf-4bb9-8260-07fb80d965bc.png

npm.jpg

Recomiendo mucho leer la documentación de package.json en el sitio de npm: https://docs.npmjs.com/files/package.json.html

npm init Nos sirve para crear el archivo package.json el cual contiene toda la información acerca de nuestro proyecto, entre los datos que contiene son:

  • package name, que es el nombre de tu proyecto.
  • version, la versión en la que esta tu proyecto.
  • description, sobre que trata nuestro proyecto.
  • entry point, el punto de entrada de nuestro proyecto.
  • test command u otros comandos de utilidad para nuestro proyecto.
  • gti repository, el repositorio donde esta almacenado tu proyecto, podria ser github, gitlab, entre otros.
  • keywords, son palabras que describen a nuestro proyecto
  • author, quien esta desarrollando el proyecto aquí va nombre <email>

Un ejemplo que encontre por ahi

INICIAR UN PROYECTO NPM

Primero abrimos nuestra terminal y nos posicionamos donde guardamos nuestros archivos.
Podemos crear una carpeta para nuestro proyecto con el comando
mkdir project_name nos movemos dentro de la carpeta con cd project_name ya dentro de la carpeta podemos iniciar:

Primeros pasos

git init: Para tener el control de cambios y versiones en nuestro proyecto
npm init: con este comando vamos a crear nuestro archivo de configuración del proyecto, el package.json
Luego nos saldrá lo siguiente
package name: el nombre de nuestro proyecto, generalmente es el nombre de la carpeta
version: version con la que iniciaremos el proyecto, generalmente aparece 1.0.0
description: descripcion breve del proyecto
entry point: punto de acceso a nuestro proyecto
test command: comando para gestionar los test
git repository: repositorio de github u otro servicio
keywords: palabras claves del proyecto
author**: nombre del autor y < correo > **license`: licencia que tendrá el proyecto

<h3>2da opción (para hacer package rápido)</h3>

Escribimos npm init -y y esto generará un package.json vacio para que lo configuremos más adelante.

<h3>3ra opción (configuramos algunos elementos)</h3>

Escribimos en nuestra terminal
npm set init.author.email "[email protected]"
npm set init.author.name "your name"
npm set init.license "license name"
npm init -y
Y se creará un package.json con los datos que seleccionamos.

Personalizando la configuración global de NPM
Usando los comandos de configuración de npm, podemos configurar fácilmente estos diferentes valores. Para establecer un valor globalmente ejecutamos
npm config set <key> <value>, npm config get [<key>], npm config delete <key>, npm config list [--json], npm config edit, npm set <key> <value>, npm get [<key>]

Por ejemplo, si queremos establecer el nombre, email del autor y la licencia que por defecto usaremos, puedes ejecutar
npm set init.author.emai "[email protected]"
npm set init.author.email "[email protected]"
npm set init.author.name "Nombre Completo"
npm set init.license "MIT"
Deseas verificar el valor que esta configurado utiliza el comando npm config get <key>
Si quieres eliminar uno que creaste mal usa el comando
npm config delete init.author.emai

Para crear el archivo de configuración con valores predeterminados usa npm init -y recomendado si ya tienes guardados datos como email, nombre y licencia

Las keywords permiten que nuestro paquete npm sea ubicado mas fácilmente dentro del sitio de repositorios cuando un usuario este buscando un término relacionado.

Lo que npm init hace, es inicializar tus proyectos para configurar tu aplicación y tu comunidad de desarrolladores entiendan que está pasando.

Se recomienda la preconfiguración.
npm set init.author.email "correo"
npm set init.author.name "tu nombre"
npm set init.license “MIT”

Se puede inicializar un proyecto rápido y con la preconfiguración se creará el package.json con estas:
npm init -y

Aquí una breve introducción de las Licencias de código abierto, para este caso el maestro utilizo MIT, así lo escribes cuando te pida la licencia: MIT

Link:
https://universoabierto.org/2015/12/20/introduccion-a-los-diferentes-tipos-de-licencias-de-codigo-abierto-y-software-libre/

NPM init. Inicialización

Este comando sirve para crear el archivo package.json. Te guiará y preguntará una serie de preguntas para rellenar el archivo y así no lo tengas que crear a mano

npm init

NPM CONFIG
Podemos usar el npm configcomando para establecer esos valores en nuestro global .npmrc.

npm config set init-author-name "Your name"
npm config set init-author-email "yourname@email.com"
npm config set init-author-url "http://example.com/"
npm config set init-license "MIT"`

La próxima vez que hagamos npm init -y , configuraremos el nombre del autor como “Your name” , el correo electrónico como "[email protected]" , la URL como “http://ejemplo.com/” y la licencia como MIT” .

npm set init.author.email y tal, son funcionalmente como git --config…
Tener listos nuestros datos de Dev al momento de hacer Publish/Deploy

Empezar cualquier proyecto con git siempre será una buena práctica
Si quieres saber más sobre git y github, aquí está el enlace al curso

Git y GitHub

Ojo al video, pregunta del curso profesional de JS

**npm init ** Nos sirve para crear el archivo package.json el cual contiene toda la información acerca de nuestro proyecto, entre los datos que contiene son:

package name, Es el nombre de tu proyecto.
version, la versión en la que esta tu proyecto.
description, sobre que trata nuestro proyecto.
entry point, el punto de entrada de nuestro proyecto.
test command u otros comandos de utilidad para nuestro proyecto.
git repository, el repositorio donde esta almacenado tu proyecto, podria ser github, gitlab, entre otros.
keywords, son palabras que describen a nuestro proyecto
author, quien esta desarrollando el proyecto aquí va nombre <email>

Generar un documento automatico npm init -y

Me encantan estos videos donde muestran hacks con los cuales te facilitará ciertas acciones, para este caso fue la iniciar un proyecto con NPM.

<h3>Iniciar un Proyecto con npm</h3>
  1. npm init

  2. npm init -y
    Inicializamos nuestro proyecto con npm el cual crea un package.json el cual contiene toda la información de nuestro proyecto


  1. npm set init.author.email “email”
  2. npm set init.author. name “name”
  3. npm set init.license "MIT"
    Establecemos el email, name o license como predeterminados al empezar o inicializar un nuestro proyecto con npm

Una gran herramienta para poder compartir ideas.

les dejo una pagina donde encontraran mucha documentacion y pueden tenerla offline en el mismo navegador https://devdocs.io/

Una muy buena expliacion a fondo del archivo package.json

Esta en español

Buenas practicas al iniciar un proyecto.
Inicializar un respositorio local
Inicializar npm para crear el package.json

Siempre me pregunté cómo hacer los valores predefinidos, genial! 😄

genial esto Maestro Oscar no sabia que uno podia inicializar dichos atributos en npm, Gracias.

Estupenda clase instructor Oscar, ahora tengo claro cómo manejar la creación de un proyecto que utiliza npm, ya sea de forma detallada, rápidamente o utilizando valores preestablecidos.

Hola compañeros espero ser lo mas claro posible.
Yo puedo antes de inicializar un proyecto con npm,

  • ir a GitHub y crear un nuevo repositorio,

  • luego ir a mi maquina local y clonar ese repositorio

  • y ahí sí empezar con los pasos que vimos en la clase.

¿O es una mala practica ?

Valores globales en Node, esto ahorra tiempo a futuro.

error.PNG.png

Pero para que sirve poner keywords? Me hubiera gustado que lo explicaran, también como pongo mi git repository, o sea que debo poner ahí?

Iniciar un proyecto

  • Creamos la carpeta jsnpm
  • Ejecutamos el suguiente comando
git init 
  • Ejecutamos el comando que inicia un proyecto de npm
npm init

Completar la siguiente informacion

Luego debemos completar los valores que nos node nos indica:

  • package name → indicamos el nombre que puede el mismo que nos da de referencia
  • version → indicamos que es la version 1.0.0
  • description → creando un paquete para node
  • entry point → src/index.js
  • test comand → no se va a usar por el momento
  • git repository → todavia no lo tenemos
  • keywords → javascript
  • licence→ MIT

Genera un preview del packae.json y confirmamos.

<h3>Shortcut iniciarlizar proyecto</h3>

Este comando permite crear un prroyecto sin rellenar los valores y luego poder cambiarlos.

Es utlizado para comenzar un proyecto mas rapido.

npm init -y

Estos comandos permite setear de manera que cuando inicies el proyecto se incluya esta configuracion

npm set init.author.email "[email protected]"
npm set init.author.name "nombre"
npm set init.licence "MIT"
npm init -y

En la terminal de Windows puse git init y me aparece que no se reconoce como un comando. estoy casi seguro que debo instalar git

Como hago para tener una consola como la del profe?

a mi me pasa que cuando quiero actualiazar npm me salta el ERROR_ CODE EAI, siempre me salta eso ademas cuando tambien quiero requerir el httprquery, muchas gracias!!

Oscar es un Excelente profesor.

Este curso debería estar mucho antes a mi parecer, por lo menos antes de ver asincronismo

Para iniciar un proyecto primero necesitamos crear una carpeta para este mismo. Y Dentro de esta carpeta primero deberiamos de iniciar nuestro GIT, es una buena practica.

Ahora para que nosotros podamos crear el paquete de nuestro proyecto, necesitamos hacer el comando

npm init

Nos dara las recomendaciones iniciales, despues nos pedira el nombre de nuestro proyecto, despues la versio, descripcion,

Despues el entry point es importante, es el punto de entrada de nuestro proyecto, cuando trabajemos con algun proyecto donde tengamos que leer la configuracion podemos usar el recurso desde esta asignacion.

en TestComando podemos establecer ciertos comandos o scripts cuando estemso trabajando en nuestro proyecto.

Tambien nos pregunta por un repositorio de git, todo esto se puede editar despues. Al igual podemos asignarle palabras clave y un autor.

Despues podremos agregar una licencia, podemos usar al MIT donde podremos trabajar en proyectos open source.

Despues nos aparecera una vista previa de nuestro Package.json y si todo esta correcto escribiremos yes.

Si queremos hacer un inicio rapido y que despues configuramos los datos, podemos utilizar el comando

npm init -y

Al igual podemos hacer varias configuraciones estandar para varios valores que tenemos que llenar. Esto lo hacemos con

npm set init.author.email "nuestro correo"
npm set init.author.name "nombre"
npm set init.license "licencia"

Dentro de las comillas los cambiamos por las valores que queramos y ya esos valores se quedan inicializados para los proyectos nuevos que creemos.

npm set init.author.email "[email protected]"
npm set init.author.name "author name"
npm set init.license "MIT"

/*Con estos comandos configuramos estos estas variables, para que en próximos proyectos estén disponibles al  iniciar con npm init*/
git init // para iniciar un proyecto con git.
npm init // iniciar un proyecto con npm, crea un archivo package.json donde se guardan todas libs que instalamos.

una vez que tu repositorio de Git se conecte con GitHub el package.json actualizara la ruta automaticamente

No es por llevar la contraria al profesor, pero, si lo que hacemos son proyectos educativos, no profesionales, ¿si vale la pena usar un repo de git?

Al fin!

Entendido y puesto en práctica

Excelente clase!

genial!

Comandos de NPM:

1. npm -v : muestra la version de npm (tambien se puede usar npm --version)
2. npm install -g [email protected] :  para ver si tenemos una actualizacion e instalarla
3. npm init : inicia el proyecto y pide ciertas configuraciones para crear un package.json (puede ser cualquier nombre)
4. npm init -y : crea un  package.json de manera rápida (con valores por defectos)
5. npm set init.author.email "[email protected]" : establece un correo por defecto
6. npm set init.author.name "Leo Messi" : establece un nombre por defecto
7. npm set init.lincense "MIT" : Establece una licencia por defecto
8. npm i moment : es el mismo que el comando "npm i momento --save" en donde se instala la dependencia en el entorno local del proyecto (produccion)
9. npm i moment -D : Este comando se utiliza para instalar una dependencia en un entorno de desarrollo
10. npm install moment --save-dev : es el mismo comando que el 9 pero mas largo
11. npm install -g nodemon : se instala el paquete de forma global (window permisos de admin, linux con sudo)
12. npm list -g --depth 0 : permite ver la lista de los paquetes que se tienen instalados de forma global
13. npm list : muestra los paquetes que se tienen instalados de manera local (en el proyecto)
14. npm i eslint -O : instalar un paquete de forma opcional (hay paquetes que requieren paquetes de dentro de si mismos)
15. npm i  react --dry-run : este comando simula que instala x dependencia solo para mostrar el output que retornaria la instalacion real de esta
16. npm i webpack -f : este comando instala de forma forzada x dependencia en su ultima version directamente desde los servidores de npm (se debe tener en cuenta que esto puede alterar el package.json por lo que en algunos casos es necesario modificarlo manualmente)
17. npm install : este comando revisara la dependencias del package.json y las volvera a instalar
18. npm i [email protected] : este comando instala específicamente una determinada version de x paquete
19. npm outdate :  muestra que paquetes disponen nuevas versiones (tambien se le puede pasar el flag -g para verlos de manera global "npm -g outdate"
20. npm outdate --dd : muestra un output mas detallado de las dependencias que tienen actualizaciones
21. npm update : este comando actualiza aquellos paquetes que disponen de nuevas versiones (npm update -g para actualizar de forma global)
22. npm install [email protected] : para actualizar un paquete de forma individual
23. npm uninstall -g nodemon : Este comando se utiliza para desinstalar un paquete de forma global
24. npm uninstall json-server : esto elimina lo que se instalo dentro de node modules y dentro del package.json
25. npm uninstall webpack --no-save (desinstala lo que esta dentro de node modules, pero no elimina lo que esta dentro del package.json)

Una duda que me surgió cuando intente aprender React en YT es que algunos usaban NPX en lugar de NPM y me confundí pero encontre un post que me resolvió las dudas https://xavitristancho.pro/blog/que-es-npx

No se a mí me gusta saber como funcionan las cosas y que puedo hacer con cada herramienta que conozco

El nombre de la carpeta no debe contener espacios en blanco para que cuando uses el npm init -y no te arroje error… Lo digo por si hay estudiantes que están empezando y no lo sabían …

Excelente, me quedo con la primera forma 😁

Me parece muy interesante esta parte de settear valores por defecto… Eso es lo aprendido del dia!

Iniciar un proyecto


  • npm init → Comando de ayuda para iniciar un proyecto.
  • npm init -y → Comando para iniciar un proyecto sin tener que llenar información en la terminal.

En este enlace pueden encontrar un cheat sheet con los comandos más utiles y usados. Guardalo en tus marcadores, tu yo del futuro te lo agradecerá =D

https://devhints.io/npm

Iniciar un proyecto

<h3>⠀</h3>


Una muy buena práctica es que en cada proyecto inicies:

git init Iniciar proyecto en git.

Y posteriormente:

npm init Iniciar proyecto npm.

Después te pedirá ingresar algunos datos, tales como:

2021-02-23_10h26_00.png

Una vez que hayas llenado estos datos, puedes editarlos desde el JSON. Al terminar el formato quedaría así:

2021-02-23_10h27_31.png

Imaginemos que queremos crear un MVP rápido y no queremos tomarnos mucho tiempo para crear esta documentación.

npm init -y Crea una base estructurada por default.

Con los siguientes comandos puedes editar el package.JSON añadiendo los strings después:

  1. npm set init.author.email
  2. npm set init.author.name
  3. npm set init.license

A modo de complementar el tema de las licencias de software, les comparto este video del profe Sasha donde nos explica que son y nos recomienda que Licencia usar dependiendo de nuestro proyecto.

Otra buena practica, que deberian considerar es:
Despues de inicializar su repo de git con git init
deberian hacer una configuracion de EditorConfig para mantener un estilo consistente de codigo

https://editorconfig.org/

Para los que les gusto establecer valores por defecto con:

npm set init.author.name
# o
npm config set init-author-name

la configuracion se garda en un archivo llamado npmrc o .npmrc

configuracion por proyecto: /path/to/my/project/.npmrc
configuracion por usuario: ~/.npmrc
configuracion global: ~/.npm-packages/etc/npmrc

Me gusto el ultimo hack haha, tener siempre los valores que correspondan en mi maquina.

RESUMEN COMPLETO DEL CURSO, SE QUE TE AHORRARE HORAS DE NOTAS:
JS – 31-dd8defe4-29bf-4bb9-8260-07fb80d965bc.png

npm.jpg

Recomiendo mucho leer la documentación de package.json en el sitio de npm: https://docs.npmjs.com/files/package.json.html

npm init Nos sirve para crear el archivo package.json el cual contiene toda la información acerca de nuestro proyecto, entre los datos que contiene son:

  • package name, que es el nombre de tu proyecto.
  • version, la versión en la que esta tu proyecto.
  • description, sobre que trata nuestro proyecto.
  • entry point, el punto de entrada de nuestro proyecto.
  • test command u otros comandos de utilidad para nuestro proyecto.
  • gti repository, el repositorio donde esta almacenado tu proyecto, podria ser github, gitlab, entre otros.
  • keywords, son palabras que describen a nuestro proyecto
  • author, quien esta desarrollando el proyecto aquí va nombre <email>

Un ejemplo que encontre por ahi

INICIAR UN PROYECTO NPM

Primero abrimos nuestra terminal y nos posicionamos donde guardamos nuestros archivos.
Podemos crear una carpeta para nuestro proyecto con el comando
mkdir project_name nos movemos dentro de la carpeta con cd project_name ya dentro de la carpeta podemos iniciar:

Primeros pasos

git init: Para tener el control de cambios y versiones en nuestro proyecto
npm init: con este comando vamos a crear nuestro archivo de configuración del proyecto, el package.json
Luego nos saldrá lo siguiente
package name: el nombre de nuestro proyecto, generalmente es el nombre de la carpeta
version: version con la que iniciaremos el proyecto, generalmente aparece 1.0.0
description: descripcion breve del proyecto
entry point: punto de acceso a nuestro proyecto
test command: comando para gestionar los test
git repository: repositorio de github u otro servicio
keywords: palabras claves del proyecto
author**: nombre del autor y < correo > **license`: licencia que tendrá el proyecto

<h3>2da opción (para hacer package rápido)</h3>

Escribimos npm init -y y esto generará un package.json vacio para que lo configuremos más adelante.

<h3>3ra opción (configuramos algunos elementos)</h3>

Escribimos en nuestra terminal
npm set init.author.email "[email protected]"
npm set init.author.name "your name"
npm set init.license "license name"
npm init -y
Y se creará un package.json con los datos que seleccionamos.

Personalizando la configuración global de NPM
Usando los comandos de configuración de npm, podemos configurar fácilmente estos diferentes valores. Para establecer un valor globalmente ejecutamos
npm config set <key> <value>, npm config get [<key>], npm config delete <key>, npm config list [--json], npm config edit, npm set <key> <value>, npm get [<key>]

Por ejemplo, si queremos establecer el nombre, email del autor y la licencia que por defecto usaremos, puedes ejecutar
npm set init.author.emai "[email protected]"
npm set init.author.email "[email protected]"
npm set init.author.name "Nombre Completo"
npm set init.license "MIT"
Deseas verificar el valor que esta configurado utiliza el comando npm config get <key>
Si quieres eliminar uno que creaste mal usa el comando
npm config delete init.author.emai

Para crear el archivo de configuración con valores predeterminados usa npm init -y recomendado si ya tienes guardados datos como email, nombre y licencia

Las keywords permiten que nuestro paquete npm sea ubicado mas fácilmente dentro del sitio de repositorios cuando un usuario este buscando un término relacionado.

Lo que npm init hace, es inicializar tus proyectos para configurar tu aplicación y tu comunidad de desarrolladores entiendan que está pasando.

Se recomienda la preconfiguración.
npm set init.author.email "correo"
npm set init.author.name "tu nombre"
npm set init.license “MIT”

Se puede inicializar un proyecto rápido y con la preconfiguración se creará el package.json con estas:
npm init -y

Aquí una breve introducción de las Licencias de código abierto, para este caso el maestro utilizo MIT, así lo escribes cuando te pida la licencia: MIT

Link:
https://universoabierto.org/2015/12/20/introduccion-a-los-diferentes-tipos-de-licencias-de-codigo-abierto-y-software-libre/

NPM init. Inicialización

Este comando sirve para crear el archivo package.json. Te guiará y preguntará una serie de preguntas para rellenar el archivo y así no lo tengas que crear a mano

npm init

NPM CONFIG
Podemos usar el npm configcomando para establecer esos valores en nuestro global .npmrc.

npm config set init-author-name "Your name"
npm config set init-author-email "yourname@email.com"
npm config set init-author-url "http://example.com/"
npm config set init-license "MIT"`

La próxima vez que hagamos npm init -y , configuraremos el nombre del autor como “Your name” , el correo electrónico como "[email protected]" , la URL como “http://ejemplo.com/” y la licencia como MIT” .

npm set init.author.email y tal, son funcionalmente como git --config…
Tener listos nuestros datos de Dev al momento de hacer Publish/Deploy

Empezar cualquier proyecto con git siempre será una buena práctica
Si quieres saber más sobre git y github, aquí está el enlace al curso

Git y GitHub

Ojo al video, pregunta del curso profesional de JS

**npm init ** Nos sirve para crear el archivo package.json el cual contiene toda la información acerca de nuestro proyecto, entre los datos que contiene son:

package name, Es el nombre de tu proyecto.
version, la versión en la que esta tu proyecto.
description, sobre que trata nuestro proyecto.
entry point, el punto de entrada de nuestro proyecto.
test command u otros comandos de utilidad para nuestro proyecto.
git repository, el repositorio donde esta almacenado tu proyecto, podria ser github, gitlab, entre otros.
keywords, son palabras que describen a nuestro proyecto
author, quien esta desarrollando el proyecto aquí va nombre <email>

Generar un documento automatico npm init -y

Me encantan estos videos donde muestran hacks con los cuales te facilitará ciertas acciones, para este caso fue la iniciar un proyecto con NPM.

<h3>Iniciar un Proyecto con npm</h3>
  1. npm init

  2. npm init -y
    Inicializamos nuestro proyecto con npm el cual crea un package.json el cual contiene toda la información de nuestro proyecto


  1. npm set init.author.email “email”
  2. npm set init.author. name “name”
  3. npm set init.license "MIT"
    Establecemos el email, name o license como predeterminados al empezar o inicializar un nuestro proyecto con npm

Una gran herramienta para poder compartir ideas.

les dejo una pagina donde encontraran mucha documentacion y pueden tenerla offline en el mismo navegador https://devdocs.io/

Una muy buena expliacion a fondo del archivo package.json

Esta en español

Buenas practicas al iniciar un proyecto.
Inicializar un respositorio local
Inicializar npm para crear el package.json

Siempre me pregunté cómo hacer los valores predefinidos, genial! 😄

genial esto Maestro Oscar no sabia que uno podia inicializar dichos atributos en npm, Gracias.

Estupenda clase instructor Oscar, ahora tengo claro cómo manejar la creación de un proyecto que utiliza npm, ya sea de forma detallada, rápidamente o utilizando valores preestablecidos.

Hola compañeros espero ser lo mas claro posible.
Yo puedo antes de inicializar un proyecto con npm,

  • ir a GitHub y crear un nuevo repositorio,

  • luego ir a mi maquina local y clonar ese repositorio

  • y ahí sí empezar con los pasos que vimos en la clase.

¿O es una mala practica ?

Valores globales en Node, esto ahorra tiempo a futuro.

error.PNG.png

Pero para que sirve poner keywords? Me hubiera gustado que lo explicaran, también como pongo mi git repository, o sea que debo poner ahí?

Iniciar un proyecto

  • Creamos la carpeta jsnpm
  • Ejecutamos el suguiente comando
git init 
  • Ejecutamos el comando que inicia un proyecto de npm
npm init

Completar la siguiente informacion

Luego debemos completar los valores que nos node nos indica:

  • package name → indicamos el nombre que puede el mismo que nos da de referencia
  • version → indicamos que es la version 1.0.0
  • description → creando un paquete para node
  • entry point → src/index.js
  • test comand → no se va a usar por el momento
  • git repository → todavia no lo tenemos
  • keywords → javascript
  • licence→ MIT

Genera un preview del packae.json y confirmamos.

<h3>Shortcut iniciarlizar proyecto</h3>

Este comando permite crear un prroyecto sin rellenar los valores y luego poder cambiarlos.

Es utlizado para comenzar un proyecto mas rapido.

npm init -y

Estos comandos permite setear de manera que cuando inicies el proyecto se incluya esta configuracion

npm set init.author.email "[email protected]"
npm set init.author.name "nombre"
npm set init.licence "MIT"
npm init -y

En la terminal de Windows puse git init y me aparece que no se reconoce como un comando. estoy casi seguro que debo instalar git

Como hago para tener una consola como la del profe?

a mi me pasa que cuando quiero actualiazar npm me salta el ERROR_ CODE EAI, siempre me salta eso ademas cuando tambien quiero requerir el httprquery, muchas gracias!!

Oscar es un Excelente profesor.

Este curso debería estar mucho antes a mi parecer, por lo menos antes de ver asincronismo

Para iniciar un proyecto primero necesitamos crear una carpeta para este mismo. Y Dentro de esta carpeta primero deberiamos de iniciar nuestro GIT, es una buena practica.

Ahora para que nosotros podamos crear el paquete de nuestro proyecto, necesitamos hacer el comando

npm init

Nos dara las recomendaciones iniciales, despues nos pedira el nombre de nuestro proyecto, despues la versio, descripcion,

Despues el entry point es importante, es el punto de entrada de nuestro proyecto, cuando trabajemos con algun proyecto donde tengamos que leer la configuracion podemos usar el recurso desde esta asignacion.

en TestComando podemos establecer ciertos comandos o scripts cuando estemso trabajando en nuestro proyecto.

Tambien nos pregunta por un repositorio de git, todo esto se puede editar despues. Al igual podemos asignarle palabras clave y un autor.

Despues podremos agregar una licencia, podemos usar al MIT donde podremos trabajar en proyectos open source.

Despues nos aparecera una vista previa de nuestro Package.json y si todo esta correcto escribiremos yes.

Si queremos hacer un inicio rapido y que despues configuramos los datos, podemos utilizar el comando

npm init -y

Al igual podemos hacer varias configuraciones estandar para varios valores que tenemos que llenar. Esto lo hacemos con

npm set init.author.email "nuestro correo"
npm set init.author.name "nombre"
npm set init.license "licencia"

Dentro de las comillas los cambiamos por las valores que queramos y ya esos valores se quedan inicializados para los proyectos nuevos que creemos.

npm set init.author.email "[email protected]"
npm set init.author.name "author name"
npm set init.license "MIT"

/*Con estos comandos configuramos estos estas variables, para que en próximos proyectos estén disponibles al  iniciar con npm init*/
git init // para iniciar un proyecto con git.
npm init // iniciar un proyecto con npm, crea un archivo package.json donde se guardan todas libs que instalamos.

una vez que tu repositorio de Git se conecte con GitHub el package.json actualizara la ruta automaticamente

No es por llevar la contraria al profesor, pero, si lo que hacemos son proyectos educativos, no profesionales, ¿si vale la pena usar un repo de git?

Al fin!

Entendido y puesto en práctica

Excelente clase!

genial!

Comandos de NPM:

1. npm -v : muestra la version de npm (tambien se puede usar npm --version)
2. npm install -g [email protected] :  para ver si tenemos una actualizacion e instalarla
3. npm init : inicia el proyecto y pide ciertas configuraciones para crear un package.json (puede ser cualquier nombre)
4. npm init -y : crea un  package.json de manera rápida (con valores por defectos)
5. npm set init.author.email "[email protected]" : establece un correo por defecto
6. npm set init.author.name "Leo Messi" : establece un nombre por defecto
7. npm set init.lincense "MIT" : Establece una licencia por defecto
8. npm i moment : es el mismo que el comando "npm i momento --save" en donde se instala la dependencia en el entorno local del proyecto (produccion)
9. npm i moment -D : Este comando se utiliza para instalar una dependencia en un entorno de desarrollo
10. npm install moment --save-dev : es el mismo comando que el 9 pero mas largo
11. npm install -g nodemon : se instala el paquete de forma global (window permisos de admin, linux con sudo)
12. npm list -g --depth 0 : permite ver la lista de los paquetes que se tienen instalados de forma global
13. npm list : muestra los paquetes que se tienen instalados de manera local (en el proyecto)
14. npm i eslint -O : instalar un paquete de forma opcional (hay paquetes que requieren paquetes de dentro de si mismos)
15. npm i  react --dry-run : este comando simula que instala x dependencia solo para mostrar el output que retornaria la instalacion real de esta
16. npm i webpack -f : este comando instala de forma forzada x dependencia en su ultima version directamente desde los servidores de npm (se debe tener en cuenta que esto puede alterar el package.json por lo que en algunos casos es necesario modificarlo manualmente)
17. npm install : este comando revisara la dependencias del package.json y las volvera a instalar
18. npm i [email protected] : este comando instala específicamente una determinada version de x paquete
19. npm outdate :  muestra que paquetes disponen nuevas versiones (tambien se le puede pasar el flag -g para verlos de manera global "npm -g outdate"
20. npm outdate --dd : muestra un output mas detallado de las dependencias que tienen actualizaciones
21. npm update : este comando actualiza aquellos paquetes que disponen de nuevas versiones (npm update -g para actualizar de forma global)
22. npm install [email protected] : para actualizar un paquete de forma individual
23. npm uninstall -g nodemon : Este comando se utiliza para desinstalar un paquete de forma global
24. npm uninstall json-server : esto elimina lo que se instalo dentro de node modules y dentro del package.json
25. npm uninstall webpack --no-save (desinstala lo que esta dentro de node modules, pero no elimina lo que esta dentro del package.json)

Una duda que me surgió cuando intente aprender React en YT es que algunos usaban NPX en lugar de NPM y me confundí pero encontre un post que me resolvió las dudas https://xavitristancho.pro/blog/que-es-npx

No se a mí me gusta saber como funcionan las cosas y que puedo hacer con cada herramienta que conozco

El nombre de la carpeta no debe contener espacios en blanco para que cuando uses el npm init -y no te arroje error… Lo digo por si hay estudiantes que están empezando y no lo sabían …

Excelente, me quedo con la primera forma 😁

Me parece muy interesante esta parte de settear valores por defecto… Eso es lo aprendido del dia!

Iniciar un proyecto


  • npm init → Comando de ayuda para iniciar un proyecto.
  • npm init -y → Comando para iniciar un proyecto sin tener que llenar información en la terminal.

En este enlace pueden encontrar un cheat sheet con los comandos más utiles y usados. Guardalo en tus marcadores, tu yo del futuro te lo agradecerá =D

https://devhints.io/npm

Iniciar un proyecto

<h3>⠀</h3>


Una muy buena práctica es que en cada proyecto inicies:

git init Iniciar proyecto en git.

Y posteriormente:

npm init Iniciar proyecto npm.

Después te pedirá ingresar algunos datos, tales como:

2021-02-23_10h26_00.png

Una vez que hayas llenado estos datos, puedes editarlos desde el JSON. Al terminar el formato quedaría así:

2021-02-23_10h27_31.png

Imaginemos que queremos crear un MVP rápido y no queremos tomarnos mucho tiempo para crear esta documentación.

npm init -y Crea una base estructurada por default.

Con los siguientes comandos puedes editar el package.JSON añadiendo los strings después:

  1. npm set init.author.email
  2. npm set init.author.name
  3. npm set init.license

A modo de complementar el tema de las licencias de software, les comparto este video del profe Sasha donde nos explica que son y nos recomienda que Licencia usar dependiendo de nuestro proyecto.

Otra buena practica, que deberian considerar es:
Despues de inicializar su repo de git con git init
deberian hacer una configuracion de EditorConfig para mantener un estilo consistente de codigo

https://editorconfig.org/

Para los que les gusto establecer valores por defecto con:

npm set init.author.name
# o
npm config set init-author-name

la configuracion se garda en un archivo llamado npmrc o .npmrc

configuracion por proyecto: /path/to/my/project/.npmrc
configuracion por usuario: ~/.npmrc
configuracion global: ~/.npm-packages/etc/npmrc

Me gusto el ultimo hack haha, tener siempre los valores que correspondan en mi maquina.