Os voy a enseñar un truquillo.
A ver, mira, los SLAN.
Por ejemplo, los SLAN.
La web de los SLAN.
SLAN web, ¿vale?
La web de los SLAN.
Yo tengo la web de los SLAN.
La página que hicimos todos juntos, ¿vale?
Para levantar el proyecto y ponerlo en modo desarrollo,
hay que ejecutar PNPM RAM DEV.
Y aquí, ¿ves?
Pues lo tengo en el puerto 4322.
Y si te digo que hay una forma de hacer lo que hemos hecho gratis
y automáticamente...
Bueno, gratis iba a ser gratis, seguro.
Automáticamente.
O sea, que cuando abras el proyecto,
automáticamente te abre el servidor web
y no tengas que hacer absolutamente nada.
Fíjate que tenemos la posibilidad de crear una carpeta
que se llama VS Code,
que es una carpeta especial con un puntito justo antes.
Es una carpeta especial porque aquí lo que podéis hacer es,
uno, poner las extensiones que recomendáis
al trabajar con este proyecto.
Dos, tener este launch como para ejecutar
algunas scripts y todo esto.
Y settings, que son como configuraciones
que solo sirven con este proyecto.
Y además esto, pues se lo llevan todos los usuarios.
Y aparte, tienes otra opción que sería crear un archivo
que le vamos a llamar tasks.json, ¿vale?
Y aquí creamos un JSON y le decimos,
bueno, la versión que queremos utilizar,
la 2.0.
Esto es una cosa interna de Visual Studio Code.
Y le decimos las tareas que tiene que hacer.
Lo bueno de esto es que tú le puedes decir, por ejemplo,
le puedes decir, mira, la tarea que queremos crear,
y veis, hay diferentes tareas.
En este caso le vamos a decir npm.
Le vamos a decir que el tipo de tarea que queremos crear
es la de npm.
El script que queremos ejecutar es el de desarrollo, ¿vale?
npm run dev.
Y las opciones de cuándo se tiene que ejecutar esto,
le vamos a decir que se tiene que ejecutar
cuando se abra la carpeta.
Pues fijaos en una cosa.
Guardamos este fichero.
Voy a cerrar el editor ahora.
¡Pum! Cierro el editor.
Imagínate que tú estás aquí.
Y dices, vale, voy a levantar,
voy a abrir este proyecto, ¿vale?
Pues lo abrís con Visual Studio Code, ¿vale?
Le vamos aquí, code punto.
Y ahora, automáticamente, debería,
si no he hecho nada mal.
A ver, fijaos lo que ha pasado.
Ha abierto sola la terminal.
¡Ajá!
¿Habéis visto?
¿Habéis visto?
Ha abierto automáticamente la terminal.
Y ya me ha abierto aquí el proyecto.
O sea, ya no tenéis que vosotros manualmente
tener que hacerlo,
sino que detecta automáticamente
que habéis abierto esto
y te levanta el proyecto.
Ya no tienes que escribir nunca más.
O sea, está automatizado totalmente.
Solo creando este archivo de task.json.
Lo mejor de todo, sabéis lo que es.
Que claro, como este archivo lo podéis subir a GitHub,
cualquier persona que se clone el proyecto
ya va a tener este archivo JSON
totalmente automatizado.
Y cuando abra automáticamente también este proyecto,
ya se le va a levantar el proyecto, ¿sabes?
O sea, que va a ser tremendo.
Lo va a tener dos por uno.
Todo.
Pim, pam, pim, pam.
Así que nada, mira.
Ya lo podemos poner.
A tag for automatic opening dev server.
¿Vale?
Lo ponemos.
Le decimos que sí.
Y ya está.
Y está muy chulo, la verdad.
Me gusta bastante.
Hay otras tareas que le podéis hacer,
que está bastante bien.
Ya no le tienes que dejar en el Ritmi
que haga el npm run dev y todo esto, ¿no?
Habría que poner antes un pnpm install.
Bueno, pero se podría hacer, ¿eh?
Porque fijaos en una cosa.
Fijaos en una cosa.
Aquí también que ponéis el script dev,
vosotros aquí podéis poner el que queráis, ¿eh?
Podéis poner el de dev,
pero podríais inventar uno aquí que fuese...
Voy a inventarme uno, ¿eh?
Start id, ¿vale?
Que sea pnpm install y luego pnpm run dev, por ejemplo, ¿vale?
Y entonces el start id este lo podríais utilizar aquí en su lugar.
Y ya está.
Ahora lo que va a pasar aquí es que va a intentar instalar
y si ya lo tiene instalado, pues no pasaría nada y ya está.
La verdad es que está bastante interesante.
Hay que tener un poco...
¿Ves?
Ahora está instalándolo.
En este caso es porque no lo tenía...
Creo que lo tenía con otro proyecto.
O sea, no lo había hecho con pnpm.
Creo que era con ban.
Pero lo ha instalado y ya lo ha levantado.
Ya lo tendríamos ahí.
O sea, nada.
Súper, súper interesante.
Muy chulo, muy chulo.
Así que si alguna vez necesitáis o queréis hacer esto,
ya sabéis cómo hacerlo.
O podéis crear el script pre-dev que se ejecutará automáticamente
antes de lanzar el script dev.
Ya, pero en este caso no me gusta Silver
porque quiero el script dev.
Lo quiero totalmente...
No quiero que se ejecute siempre la instalación cuando lo del dev, ¿eh?
Ahora sabemos cómo hacer un script para borrar todo.
Bueno, podríais hacerlo también.
También lo podríais hacer, ¿eh?
Bueno, pero me parece un trucazo muy interesante.
Así que nada, ahí os lo dejo.
¡Gracias!