Integración y configuración de NPM

Clase 19 de 61 • Curso de JavaScript y jQuery 2015

Ema -

student•

Para quien no entienda, tiene que tener NODE instalado en su computadora.. sino NPM no es nativo de ningun sistema operativo..

Fernando Palacios Palacios

student•

NODE y NPM son dos maquinas diferentes que tienes que instalar, NODE ejecuta JS en entorno de servidor y NPM gestiona lasn dependencias de un proyecto hecho con el backend de NODE en una BD documental llamada Registry

Néstor López

student•

Si les cuesta trabajo entender esta parte del curso vayan al curso básico de node y iojs de julian duque, en la sección de gratuitos.

Marcos

student•

En el curso de Nod.js recomiendan comenzar por este curso.
Este curso, es un curso avazando, requiere tener experiencia en desarrollo para poder segirlo. Sin experiencia se va a dificultar bastante

John Steven Quiceno Gil

student•

semver: semantic versioning (semver.org)

Fernando Palacios Palacios

student•

me parece que se equivoco al comentar la compatibilidad de la api con un semverv: ^2.1.5.
En teoria este te actualiza (npm update/install) cualquier publicacion de minor que actualize 2.1, 2.1, 2.3..., es decir te da soporte a la mayor release que tengas instalada en tu proyecto como dependencia 2.

Jose Yasbet Alvarez Godinez

student•

Aqui un video de como instalar y actualizar npm si no se descaraga la ultima version por si lo necesitan https://www.youtube.com/watch?v=W6S5PMe2DBM

Carlos Salazar

student•

Veo que browserify también sirve para la optimización de JS :)

Carlos Salazar

student•

En cuanto a requests http al server para que cargue más rápido

Manuel Galindez

student•

¿Es recomendable crear el package.json a pie o es mejor iniciar npm init?

Alejandro Irimia Mesa

student•

Personalmente, prefiero crearlo con npm init ya que este tiene en cuenta varios parámetros adicionales.

Si has generado un README.md o el proyecto está versionado en GitHub o un SVN, el comando npm init lo tendrá en cuenta a la hora de hacer el package.json generando un manifest mucho más semántico de cara a terceros.

Un saludo.

Raúl Segura Nabarret

student•

Antes de ejecutar el comando npm run build-js, deben hacer npm install jquery para que no les lance algún tipo de error.

https://www.npmjs.com /package/jQuery

Edgar Marcel Turizo Poveda

student•

Me lanza error hasta con el npm install jquery

Sergio Blanco Moreno

student•

Estimados tengo un problema, tengo instalado nodejs y browserify a través de la consola, pero aún así me tira error cuando intento ejecutar el comando npm install --save jquery, este es el error:

C:\Users\sergi\Desktop\tvify>npm install --save jquery  
npm ERR! Windows_NT 10.0.10586  
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "--save" "jquery"  
npm ERR! node v4.4.5  
npm ERR! npm  v2.15.5  
npm ERR! file C:\Users\sergi\Desktop\tvify\package.json  
npm ERR! code EJSONPARSE  
npm ERR! Failed to parse json  
npm ERR! Unexpected token '"' at 4:12  
npm ERR!        "version" "0.1.0"  
npm ERR!                  ^  
npm ERR! File: C:\Users\sergi\Desktop\tvify\package.json  
npm ERR! Failed to parse package.json data.  
npm ERR! package.json must be actual JSON, not just JavaScript.  
npm ERR!  
npm ERR! This is not a bug in npm.  
npm ERR! Tell the package author to fix their package.json file. JSON.parse  
npm ERR! Please include the following file with any support request:  
npm ERR!     C:\Users\sergi\Desktop\tvify\npm-debug.log

Gracias!

Sergio Blanco Moreno

student•

Me respondo a mí mismo, tenía un error en la escritura del json, se me había ido ponerle dos puntos entre la clave y valor,

Edgar Marcel Turizo Poveda

student•

Como instalar npm??? , Me sale que "npm" no se reconoce como un comando interno o externo

Uriel Ramírez

student•

Para ello, necesitas instalar Node.js. Puedes hacerlo desde aquí: https://nodejs.org/en/download/

Edgar Marcel Turizo Poveda

student•

muchas gracias... Fue de mucha ayuda... Otra pregunta cuando ejecuto el comando build-js me aparece un error, que estará sucediendo???

Alberto CGomez

student•

Ma salta un error en la consola al ejecutar el run:

npm run build-js

Estoy realizando los mismos pasos y me salta error, me dice la consola que esta missing el script: build-js.

No es problema de sintaxis.

Àlex Grau Roca

student•

Yo hace mucho tiempo me encontré con un problema al momento de ejectuar los scripts, tenia que realizarlo con la siguiente sintaxis:

npm run-script “script”

No sé si te servirá, pero si está todo exactamente igual que el curso, quizás esto te ayude…

En este caso será:

npm run-script build-js

Carlos Andrés Millan Satizabal

student•

Tambien se puede instalar jquery con ese comando:

npm -i -S jquery

el -S es igual al --save y el -i es install

Salvador Hernández Villanueva

student•

¿Qué tan optimo es hacer esto en proyectos grandes? Ya que cargariamos codigo que tal vez no usemos en ciertas páginas pero vendria en el request.

Erick Neftalí Sarmiento Cortes

student•

Tuve un error al instalar browserify de manera local en la carpeta del proyecto, lo solucione instalando broserify con sudo de la siguiente manera:
sudo npm install browserify
después volví a instalarlo como Sasha menciono y listo quedo instalada la dependencia
npm install --save-dev browserify

Se los dejo por si les sirve, saludos.

KEVIN BRAYAN LUNA FIGUEROA

student•

Me salio error al momento de ejecutar el comando npm run build-js

Diego Forero

Team Platzi•

Te falto poner el error 😃

Jesus Sandrea

student•

y ejecuto el comando npm init no es mejor? Asi me ahorro tiempo o no?
Por cierto @leonidasesteban agarre las animaciones de twitter del curso anterior y la puse en este proyecto se ve fabuloso

Diego Forero

Team Platzi•

Si, con npm init lo puedes hacer sin problema, aquí sacha explica las partes mas importantes que tiene el script escribiendo el mismo todo.

Daniel Perez Nuñez

student•

En mi caso no funciono con serve. Lo hice con **http-serve **y lo realice de la siguiente manera.

Por consola: npm i -D http-serve
En package.json, scripts: “serve”: “http-serve public”

Wilfredo Bardales

student•

Error en consola , no se me actualiza las dependencias

npm WARN saveError Unexpected token } in JSON at position 116
npm WARN Failed to parse json
npm WARN Trailing comma in object at 5:1
npm WARN }
npm WARN ^
npm WARN File: C:\Users\UsuarioPC\Desktop\Platzi\Frontend Profesional\Curso de JavaScript y jQuery\tvfy\package.json
npm WARN tvfy No description
npm WARN tvfy No repository field.
npm WARN tvfy No README data
npm WARN tvfy No license field.```

Ricardo Azpeitia P.

student•

Es un warning dice que

"C:\Users\UsuarioPC\Desktop\Platzi\Frontend Profesional\Curso de JavaScript y jQuery\tvfy\package.json"

No es un objeto json valido, te recomiendo checar la sintaxis.

Wilfredo Bardales

student•

me fije en la sintaxis , descargue en los archivos , lo compare
no habia ningun error, copie y pegue
y sigue el error
asi que no es eso…

Marcos

student•

Me quedo una duda: El script: “build-js” lo que hace es “empaquetar” el jquery en un archivo app.js verdad? para no tener que buscarlo en el servidor y hacer un request.

Juan Carlos Ramirez Ustarroz

student•

dijamos que junta todo para no tener que hacer multiples peticiones de archivos y solo tener un solo archivo js con todo

Jesus Garcia

student•

Hasta ahora todo bien en el curso de sheiquery, excelente sacha

Ivan Cardozo

student•

{
  "name": "tvfy",
  "description": "Una web para seleccionar las series que mas te gustan.",
  "version": "0.1.0",
  "dependencies": {
    "jquery": "^3.3.1"
  },
  "devDependencies": {
    "browserify": "^16.1.1"
  },
  "scripts": {
    "build-js": "browserify index.js  > app.js"
  }
}