Instalaci贸n y flujos de trabajo

4/25
Recursos

El Sistema de Dise帽o es como una 鈥淎PI del dise帽o鈥, que te servir谩 para comunicar tu sistema a nivel c贸digo.

Estos son los pasos que tendremos en cuenta:

  • Empezaremos por crear una URL que centralice los elementos principales de tu Sistema de Dise帽o.
  • Instalaremos Node y Express para poder construir tu web de manera muy visual r谩pidamente.

Aportes 36

Preguntas 9

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Express es f谩cil para los dise帽adores, y desarrolladores 馃槃
BabySteps:

  • Instalar Node desde la pagina
  • Instalar Express con npm install express-generator -g
  • Abrir Bash en la carpeta del proyecto
  • Crear la base del proyecto con express --view=pug Platzi_DeditoSudado
  • Entrar a la carpeta del proyecto desde Bash
  • npm install para que nos permita instalar herramientas chidas
  • Escribir npm start
  • En el navegador escribir Localhost:3000
  • Cerrar con ctrl+c

Para abrir el proyecto con VSC es code .

Alguien sabe como poner emojis en vscode con w10?

npx express-generator --view=pug DesignSystem lo hace todo sin necesidad de instalar nada.
Nota: Antes de usar npx verifiquen que tengan una versi贸n de npm mayor a la 5.2 con npm -v
Con npx podr谩n ejecutar express generator sin necesidad de instalarlo.

Espero les ayude.
Me cost贸 mucho llegar a 茅ste punto, porque en la clase y en los recursos no brindan la explicaci贸n de como hacerlo. Que debemos usar express generator ni de como instalarlo.

Un like si intentaste entrar a design.platzi.com 馃榾

馃 o solo se me ocurrio a mi ?

Para los que no le instala express en windows, esto me funciono:
npm install -g express , y despues
npm install -g express-generator

corri el comando y se intalo

sudo npm install express -g```

pero al correr express --version me dio el siguiente error


express --v
zsh: command not found: express```

despues corri el siguiente comando y ya funciono

sudo npm install -g express-generator```

Para los que no saben como generar la aplicaci贸n con Express pueden ver la documentaci贸n aqu铆

Lo mejor del curso, es la personalidad de Rulo.

No se pero cada que hay cursos que uno queda perdido no le dan ganas de tomarlo.

En este curso si que estoy perdido. No entiendo como llega del punto A al B. Intento instalar, y veo que muchos compa帽eros tienen el mismo problema. Que reto este curso.

Si no puedes instalar express como viene en su documentaci贸n, hazlo de esta manera.

 npm install -gd express-generator 

Un sistema de dise帽o trata de hacer m谩s productivo y m谩s r谩pido el desarrollo de tecnolog铆a sobre todo entre el dise帽o y programaci贸n.

Tal vez este un poco bruto o sea el primero, pero y en windows 馃槂鈥

hahahaha!

驴Cu谩ndo cancel贸 el proceso de npm lo hizo para abrir Atom desde la terminal o por qu茅 era necesario?馃

En varias clases se ha mencionado el curso anterior, pero no hacen referencia a cu谩l es, podr铆an por favor colocar el enlace para acceder.

Si tienen problemas con la instalaci贸n de express https://platzi.com/comentario/982907/

Buenas!
Si les sali贸 el siguiente error en consola, al intentar utilizar express:

bash: express: command not found

Les dejo la soluci贸n: Link.

cuando pongo npm start me sale ERR missing script start, alguien me ayuda?

hola tengo el siguiente problema: cuando ingreso el comando atom . y me muestra la carpeta de el proyecto me aparecen los archivos index y layout como de lectura y no puedo modificarlos me podrian ayuadar ![](

Casi no logro instalar express en Mac esta fue la soluci贸n, ya que nunca me funciono modificando el .bash_profile!!
Una ayuda para Instalar express en Mac:

  1. npm init (se siguen las indicaciones que va indicando la linea de comandos)

  2. sudo npm i express-generator -g (Cuando finaliza la instalaci贸n salen unas rutas donde fue instalado express, es ruta la complementas con --view=pug platzi_ds)

  3. /Users/sandrarairan/npm/bin/express --view=pug platzi_ds

  4. Cd platzi_ds

  5. npm install

  6. DEBUG=platzi_ds:* npm start

Pug es un preprocesador de HTML (Es digamos un lenguaje HTML m谩s sencillo en sintaxis pero m谩s avanzado en funcionalidades) que se compila a HTML (Dado que el navegador entiende es HTML no Pug)

Eso lo ense帽an en este curso: https://platzi.com/clases/preprocesadores/
Que pienso que si siguen la ruta ya deber铆a conocer.

Busque y Express tambi茅n tiene curso (Aunque es de la ruta de Backend y nivel intermedio): https://platzi.com/clases/express-js/

Y en la secci贸n de enlaces esta el curso de npm para instalar estos paquetes (Por ejemplo Express)

Ayuda
![]( )

Esta bien que en linux(debian) cuando instalo express lo tenga que hacer con sudo para que no marque error?

Hola, tengo este problema, espero puedan ayudarme.
Saludos.

deditos sudados鈥 jajajaja

Cordial saludo鈥e sale este error鈥lguien sabe cual es la causa

![](

Para los que tiene Mac y les dio curiosidad como escribir emojis.

Es con:

  • Control鈥揅ommand鈥揵arra espaciadora.
    Y aparecer谩 la ventana

mapa del flujo del dise帽o

Presionando control (Ctrl) + 帽, dentro del VSC te abrir谩 una terminal y puedes hacer todo este proceso sin tanta ventanas abiertas

Cual es el curso anterior al que hace referencia?

alguien me puede dar una mano?

para instalar express en windows

sudo npm install -g express

Hasta ahorita este curso va woww, continuemos, saludos 馃槂

si tene铆s problema al momento de instalar

usa sudo

f

Alg煤n curso que explique m谩s a fondo el tema de todos estos comandos con node y la terminal?? No me gusta estar copiado y pegando cosas que no comprendo