Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Iniciar un proyecto

4/15
Recursos

Para iniciar tu proyecto, primero, desde una terminal, 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 jsnpm
$ cd jsnpm
$ 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.

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 indicia, 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

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": "jsnpm",
  "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 <[email protected]>",
  "license": "MIT"
}

Comando npm init

Aunque puedes crear el archivo de configuraci贸n manualmente, NPM te ayuda a crearlo r谩pidamente mediante un 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: (jsnpm)

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 <[email protected]>
license: (MIT)
About to write to /jsnpm/package.json:

{
  "name": "jsnpm",
  "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 <[email protected]>",
  "license": "MIT"
}


Is this OK? (yes)

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

Contribuci贸n creada con aportes de: Andr茅s Guano.

Aportes 87

Preguntas 25

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

RESUMEN COMPLETO DEL CURSO, SE QUE TE AHORRARE HORAS DE NOTAS:

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

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.

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

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

驴Para que sirven licenciar tu c贸digo?

Las licencias de software sirven para que tu (el autor del software) tenga derecho a usar el software como quiera.
Por ejemplo, si una empresa quiere comprar ese software, con el autor es con quien van a hablar. Adem谩s de esto, si alguien copio tu c贸digo y lo uso para su propio beneficio, el autor puede demandar, ya que existe una licencia que legalmente especifica que el autor es el propietario del software. Si no hay licencia, el autor no tiene como defenderse ante robo de c贸digo.

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.

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

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 鈥淵our name鈥 , el correo electr贸nico como "[email protected]" , la URL como 鈥http://ejemplo.com/鈥 y la licencia como MIT鈥 .

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

Para los que empiezan como yo este curso y est谩n teniendo problemas para establecer las variables de email y name en npm aqu铆 la soluci贸n:
En vez de poner el siguiente c贸digo:

npm set init.author.email "[email protected]"
npm set init.author.name "Nombre"

Pondr谩s este

npm config set init-author-email "[email protected]"
npm config set init-author-name "Nombre"

Ya que la primer forma de cambiar las variables de la configuraci贸n est谩 obsoleto seg煤n la documentaci贸n de npm.

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)

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

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

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 鈥淢IT鈥

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

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/

Si trabajas en windows y al ejecutar comando npm te manda un error de que no lo reconoce, primero debes crear una variable de entorno. En el siguiente link estan los pasos de como hacerlo -->

https://bertofern.wordpress.com/2019/01/08/solucion-node-js-npm-no-reconocido-como-comando-interno-o-externo/

Despues de reiniciar tu equipo ya podras usar los comandos npm.

Actualmente el

npm set init.author.email

es DEPRECATED, ahora se usa:

npm set init-author-email

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:



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



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
Recuerdo que cuando vi por primera vez que hicieron un npm init me asust茅 tanto que me fui a Leer un blog completo sobre el tema xD

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

Una opci贸n muy buena para dejar predeterminado nuestros datos como autor:

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.

npm install -g [email protected] # update npm
npm init -y # iniciar un proyecto node configuraci贸n por defecto
#setup parameters
npm set init.author.email <email> 
npm set init.author.name <name>
npm set init.license <license(MIT)> 

Iniciar un proyecto

El siguiente listado hace honor a las buenas practicas que se deben tener cada vez que se inicializa un proyecto:

  • Primero tenemos inicializar el proyecto con:
git init

Estamos otorg谩ndole el permiso a git de hacerle seguimiento a todas las modificaciones que hagamos.

  • Debemos inicializar nuestro proyecto con NPM
npm init

Este comando nos permite tener un documento package.json totalmente personalizable y dos da la opci贸n de establecer un nombre para el proyecto, que versi贸n es, una descripci贸n del mismo, cual es el entry point, si ya tenemos un comando test establecido, cual es nuestro repositorio en git, algunas palabras clave o keywords, quien es el autor del proyecto y por ultimo una licencia.

Pero muchas veces vamos a querer tener un archivo package.json lo mas r谩pido posible y con los siguientes comando lo lograremos:

npm init -y

Creara el archivo de configuraci贸n lo mas b谩sico posible y quedar铆a con los siguientes datos:

{
  "name": "jsnpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Tambi茅n podemos establecer cierta informaci贸n antes de ejecutar el comando 鈥榥pm init -y鈥 o 鈥榥pm init -yes鈥

npm set init.author.email "[email protected]"
npm set init.author.name "Jose Monta帽o"
npm set init.author.license "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

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

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.

<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 鈥渆mail鈥
  2. npm set init.author. name 鈥渘ame鈥
  3. npm set init.license "MIT"
    Establecemos el email, name o license como predeterminados al empezar o inicializar un nuestro proyecto con npm

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 ?

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.

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

Ojo al video, pregunta del curso profesional de JS

Este video explica muy bien el tema de las licencias
https://www.youtube.com/watch?v=eWtjgfzpt6Y&t=4s

Comandos b谩sicos

Iniciar un repositorio localmente con Git

git init

Iniciar nuestro proyecto con Node

npm init

Iniciar nuestro proyecto con Node con valores predeterminados

npm init -y 

Configurar valores predeterminados

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

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

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.

MIT License
La licencia MIT permite a la gente hacer lo que quieran con tu c贸digo, siempre y cuando que proporcionen la atribuci贸n del responsable del trabajo. Es necesario incluir un aviso de copyright, junto con una copia de la licencia, dentro del c贸digo. Para ello s贸lo se tiene que a帽adir un archivo de licencia junto con el archivo L茅ame. La licencia establece que se proporciona el c贸digo tal como est谩, y que no existe responsabilidad por da帽os y perjuicios. B谩sicamente alguien puede crear software propietario de tu software de c贸digo abierto, ya que cualquiera podr谩 tener la libertad de usar tu c贸digo y mejorarlo.

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 鈥

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

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

Dato curioso

Si al final (antes de que el archivo json sea creado) tu le das no, se aborta todo el archivo y al final no se crea ning煤n tipo de archivo.

Inicializar un proyecto con NPM

El primer paso es la creaci贸n de un archivo package.json que contiene informaci贸n clave de nuestro proyecto.

  1. Configuraci贸n personalizada
git init
  1. Configuraci贸n r谩pida con valores por defecto
git init -y
  1. Establecer una configuraci贸n por defecto
npm set.initauthor.email "[email protected]"

npm set.init.author.name "fulanito"

Estos directorios y archivos son los que deben ser ignorados en un proyecto con Nodejs

  1. En la consola escribe:
code .gitignore

Para crear un archivo .gitignore
2. Copia el siguiente contenido en .gitignore

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage
*.lcov

# nyc test coverage
.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/

# Snowpack dependency directory (https://snowpack.dev/)
web_modules/

# TypeScript cache
*.tsbuildinfo

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
.env.test

# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache

# Next.js build output
.next
out

# Nuxt.js build / generate output
.nuxt
dist

# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public

# vuepress build output
.vuepress/dist

# Serverless directories
.serverless/

# FuseBox cache
.fusebox/

# DynamoDB Local files
.dynamodb/

# TernJS port file
.tern-port

# Stores VSCode versions used for testing VSCode extensions
.vscode-test

# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*

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铆?

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.

Una gran herramienta para poder compartir ideas.

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.

Valores globales en Node, esto ahorra tiempo a futuro.

Como hago para tener una consola como la del profe?

Para la versi贸n鈥

鉃  npm_proyecto git:(master) 鉁 npm --version
8.11.0

Se debe de usar lo siguiente:

npm set init-author-email "email" 
npm set init-author-name "name"
npm set init-license "license(MIT)" 

Si cuando usan el comando npm set xxxx les sale este error:

npm WARN config init.author.email
Use --init-author-email instead.

No se preocupen, se ha configurado correctamente.

Pueden comprobar que todo se ha efectuado de manera correcta yendo a su home folder y accediendo al archivo oculto llamado

.npmrc

no confundir git init con npm init, me paso al principio y solo hacia git init

npm init setup user mail

Este curso debio estar antes que el de JS Async

grande el profe orlando naipes

Iniciando un proyecto con npm

npm init : Inicializa el proyecto y crea el archivo Packcage.json el cual contiene la informaci贸n del proyecto despu茅s de realizar toda la configuraci贸n correspondiente, para inicializar el proyecto y crear el archivo Packcage.json sin tener que realizar la configuraci贸n y que este se cree con los valores por defecto, utilizamos el comando npm init -y



Con estos comandos configuramos estos estas variables, para que en pr贸ximos proyectos est茅n disponibles al iniciar con npm init -y

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

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

creo fervientemente que despu茅s de terminar el curso de Javascript b谩sico, es muy buena idea tomar el curso de nodejs,
npm set init.description "This will be a cool"

Excelente clase!!

Si en un futuro desean subir su c贸digo en GitHub y no quieren tener problemas con la rama master y main, lo que pueden hacer es utilizar el comando git checkout -b main despu茅s del git init

Aunque hay una excelente imagen de notas, comparto otro tutorial interesante a modo resumen cortes铆a de Coding Potions.

NPM Tutorial

Un saludo.

Sobre el tema de licencias comparto un curso b谩sico de las mismas.

Curso B谩sico de Licencias de Software

cortes铆a de SuGE3K.

Un saludo.

Que trucazo el del final B )

init

Oscar es un Excelente profesor.

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

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!

Excelente, me quedo con la primera forma 馃榿

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

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