¿Midu, qué distro vas a usar? Bueno, la distro ya la tengo, pero esta sería la distro. Esto es Ubuntu y esta es la maquinita, ¿vale? El Slimbook Executive que hicimos justamente un unboxing en directo.
Esto sería un poco los... ¡Hostia, que está al revés esto! A ver si me animo, a ver si me acuerdo del scroll que es al revés, el trackpad. Es de 14 pantallas, 3K, 90 Hz, un Intel i7 de onceava generación y tiene 8 GB de RAM, 250 de... creo que tiene 8 GB de RAM.
No sé si me pusieron 16, que al final 16 sería 100 euros más. Y eso, sobre la distro es la que es, que creo que es un Ubuntu, pero le llaman Slimbook OS, ¿vale?
Porque es la marca del portátil. Es un Ubuntu un poco personalizado. Ya venía hecho el DualBot, de hecho creo que lo podéis pedir, o sea, si compráis este portátil lo podéis pedir, que venga con Windows y que venga con...
O sea, ya viene todo hecho, ¿eh? Pues aquí tenemos esto y la idea, la idea un poquito es, pues nada, ir instalando cosas. No sé ni por dónde empezar, la verdad, no os voy a engañar.
No soy muy... O sea, no sé... Lo primero... A ver, sí que sé por dónde empezar. De hecho, lo primero que empezaría yo... Vamos a empezar, vamos a instalar, vamos a instalar las dependencias.
Espero que me ayudéis, espero que me ayudéis. No, si ya está instalado, Jorge Asaf. No voy a instalar ahora Linux. O sea, no, no.
Lo que vamos a hacer directamente es tener aquí todo lo que... Ya está Ubuntu instalado, esto no lo tocamos. Así que vamos a empezar, yo creo que con la terminal.
Si os parece, empezamos con la terminal. Tendríamos OMIZSH, sería lo que voy a instalar al principio. Así que vamos a empezar con la terminal.
Vamos a intentar dejar Firefox, si os parece. Así que vamos a darle OMIZSH. Vamos a abrir la terminal, que debe estar por aquí.
Hombre, es la primera vez que abro la terminal en Ubuntu. ¡En años!
Zim... A ver, ¿qué decís? ¿Qué es esto? Zim... Zim FW. ¿Qué es esto? Modular Custom...
Unblazing Fast ZSH Framework. Bueno, tiene buena pinta esto. Speed. ¿Vale? A ver, yo estoy muy abierto a probar cosas porque total no es mi ordenador.
Time to first prompt in seconds. ZSH, ZTINIT, ZTINIT... ¿Vale? ¿Pero este cuál es? De estos es este, ¿no? ZIM y ZINIT Turbo. ZIM.
ZIM. Venga, va. Pues vamos a darle al ZIM. No sé si... Has modules available. ¿Vale? Pues venga, vamos a darle a este.
Vamos a darle a este. ZIM. Entiendo que con esto debería funcionar bien. Vamos aquí con la terminal. Vamos a ejecutar esto.
No... Empiezo bien porque no sé cómo se copia y se pega, ¿eh? Empiezo muy bien. A ver, ¿a qué había salido esto? Vale, copiado.
Yo pensaba CTRL-C, pero ya veo que no es CTRL-C. Me voy a tener que aprender también los botones porque ya veo que aquí no me funcionan.
No, pero ¿cómo pego cosas aquí? La madre que os parió. ¿Cómo puedo pegar algo aquí? ¿Tengo que darle aquí? No.
Bueno, es que además... Ah, aquí. Pegar. Vale. ¿Pero por qué no me funciona el CTRL-V? ¿Alguien sabe por qué no funciona el CTRL-V?
¿Por qué será CTRL-SHIFT-V? Efectivamente. Vale, pues ya está.
¿No se ha encontrado curl? Bueno, apt-get-install-curl. Tampoco se puede. Bueno, empezamos bien.
Lock-frontend. Permiso de negado no se puede... Joder, empiezo muy bien, ¿eh?
Apt-get-install-ubuntu. Yo pensaba que era así, ¿eh? Hace mil años, ¿eh? Que no utilizo...
Me jodáis que tengo que hacer sudo. Madre mía, ya empezamos mal, ¿eh?
Apt-get-install-curl. Venga.
No-face-model-known. Contraseña. Pero si lo hago con sudo, luego voy a poder utilizarlo, porque normalmente...
Venga, ya está procesando. Disparadores.
Sudo apt-install. Sí, con sudo. Con sudo, ¿eh? La leche.
Hombre, LexGipi del software. Gracias por la write.
Si lo pides, utilizar. Vale, bueno. Pues procesando disparadores.
Disparadores. Ah, y aquí no puedo hacer zoom. Estoy acostumbrado.
Acostúmbrate a usar la rueda del ratón apretándola. Ya, lo malo es que no tengo ratón. No tengo ratón.
Porque estoy utilizando el trackpad. Así que, bueno.
Solo la primera vez que abrir la terminal se utiliza sudo. La primera vez.
Solo la primera vez. ¿Y por qué tarda tanto esto? O sea, es que me parece bastante inaudito que esto esté tardando tanto.
¿Cómo puede tardar tanto en curl, que es el paquete más nulo ever?
¿Cómo puede ser? Que va, todavía nada. Try curl. Ah, sí, sí. Ya me lo he instalado.
Pero esto todavía, esto se ha quedado aquí. Bueno, bueno. Pues nada.
Nos ha encontrado la orden ZSH. Pues empieza mal esto, ¿eh?
ZSH. Prefer to install manually. Claro, es que no está ZSH instalado. Tendría bash directamente, ¿no?
Vale, procesando disparadores. Esto se ha quedado aquí pinchado, ¿eh?
Debes instalar ZSH. Bueno, pues venga, instalemos. Me imagino que app get install ZSH.
Vale, sudo apt get install ZSH. A ver si esto cuela directamente.
Eh, otra vez. Venga. ¿Deseas continuar? Sí, hombre, sí. Tú dale que sí.
A mí le han sacado la zona de confort. Sí, me han sacado la zona de confort.
Pero bueno, que estoy contento, ¿eh? Que hace mil años que no toco nada.
Ya no se usa más apt get. Ah, mira. No tenía ni idea. No tenía ni idea.
Oye, va bastante fino, ¿eh? El ordenador. Estoy bastante contento de lo fino que va.
Vale, venga. Intento otro intento más. Ahora sí. No face model.
Contraseña. Falla autenticación. Bueno.
No. Menos mal que le he puesto la contraseña Manula Ever, que es la de Falcon.
No sé por qué le he puesto eso.
Con una change of the force shell, please manually change. Vale.
Prepare all day. Enjoy your...
Restable your terminal for change. Venga, fuera.
Fuera. Venga.
Pero yo aquí lo que veo es que todavía me ha puesto...
Vale, vale. Please set...
Voy a ir, ¿no? Vale.
O sea, enjoy your...
Take some time to tweak your...
Vale. Pero no me ha cambiado esto nada, ¿no?
Set...
Set...
Set...
Set...
Set...
Set...
Set...
Set...
Set...
Set...
Y ahora cómo puedo saber si lo tengo.
Claro, ahora sí que me ha cambiado.
Pero...
Ah, ahora...
Ahora sí que puede ser que me inicie.
No, tampoco.
¿Ves? No me lo...
No me lo ha cambiado.
Pensaba que con esto me lo iba a cambiar, pero no veo que me lo haya cambiado.
Cierra sesión.
Joder, ¿en serio tengo que cerrar sesión y todo?
Me estáis bromeando, ¿no?
No, hombre.
No debe hacer falta.
Reiniciar sesión.
Al final mejor terminé instalando Windows.
A mí tampoco me lo cambia.
Tuve que cambiar el Z, el Bash...
Vale, vamos a instalar Visual Studio Code en un momento.
Porque así, pues, podemos tener...
Sí, sí, a veces hace falta.
Joder, la verdad.
Reinicia el PC.
No, si el ZSH ese que decís...
O sea, el ZSH este...
ZSH...
Esto ya más o menos lo he hecho, ¿eh?
Porque al final este which...
Este which...
Este ZSH es exactamente lo mismo, ¿veis?
Esto, que es para cambiar el shell, ya lo he hecho.
Lo que pasa es que no me lo hace.
Tengo que poner esto manualmente, lo cual no tiene mucho sentido.
Vamos a instalar este.
Instalar software.
No hace falta hacer la sesión.
Con source es suficiente.
Si de verdad ha cambiado el usuario...
Vale.
Eso parece interesante.
Eso parece interesante.
Vale.
Vamos a hacer eso.
Eso que decía source.
Punto de csa...
Vale.
A ver, lo que pasa es que eso tampoco puede ser, claro.
¿Lo ves?
Eso es que no puede ser.
Pues nada, de verdad, voy a cerrar sesión y voy a volver a entrar a ver si de verdad es eso.
Que ya estaría alucinando, ¿eh?
Solo funciona en Andorra, Midu.
Solo funciona en Andorra, en serio.
En serio.
Solo funciona en Andorra.
No me ha dejado instalar esto.
Pensaba que esto me iba a dejar instalar.
Sí, he hecho el de Ubuntu, ¿no?
Debería ser este.
No debería ser este de aquí.
Mac, Linux...
Debería ser el dev.
El dev no es el de Ubuntu, justamente.
Porque veis que me ha puesto...
Vamos a guardar el archivo en lugar de darle a instalar directamente.
A ver dónde me lo instala.
Me lo guarda.
Y vamos a ver esto, porque esto no tiene mucho sentido.
¿Por dónde he hecho?
Abrir con instalador de software.
Sudo app.
Vale.
Esto es justamente lo que quiero.
Ya está.
¿Y por qué antes me ha dicho que no podía?
¿Se necesita?
Sí, hombre.
Lo que tú digas.
Yo lo instalo con sudo app install code.
Bueno, pero a ver.
La verdad es que no sabía que había el paquete para hacerlo desde la terminal.
Pero lo que me sorprende es...
Bueno, ojo.
Ojo que se está quedando aquí instalando.
A ver si puede.
Hackerman.
Sí, me siento un hacker, ¿eh?
Hacía mil años que no hacía nada con Linux.
Y la verdad es que no ha cambiado tampoco mucho.
Tampoco ha cambiado mucho.
No lo recuerdo mucho.
Muy diferente.
Vale.
Vale.
Bueno, según esto me he instalado code.
Vamos a ver.
Vale.
Visual Studio Code.
Lo tenemos aquí.
Visual Studio Code.
Perfecto.
Bueno, bastante...
Me gusta que va bastante rápido.
Así que eso bien.
Venga, instalar y reiniciar para ponerlo en castellano.
Bueno, tampoco era necesario ponerlo en castellano, la verdad.
Hostia, hay que ver en la de espacio que en Linux te queda...
Me imagino que habrá alguna forma de arreglar esto.
Porque entre que la parte de arriba tienes en realidad la pantalla con las ventanas estas,
luego tienes aquí el menú y tienes aquí el pedazo hueco.
Esto tiene ahí un buen trozaco, ¿eh?
Tiene un buen trozo.
Vale.
Vamos a ver si soy capaz.
Activa sincronización de configuración.
Bueno, no la voy a sincronizar.
Y así lo haré un poco de todo, ¿vale?
Lo haremos un poco de todo.
No hay solución para ese trozo.
No me digas que no hay solución de ninguna forma porque es bastante impresionante que no hay solución, ¿eh?
Venga, vamos a instalar...
Voy a cerrar sesión.
Venga, va.
Vamos a cerrar sesión.
Si soy capaz de encontrar dónde se cierra sesión.
Se cierra aquí.
¿Dónde se cierra sesión?
Aquí.
Aquí.
Vale.
Vamos a cerrar sesión.
Cerrar sesión.
Cerrar sesión.
Va.
Ahora sí.
¡Ostras!
De verdad hemos tenido que cerrar sesión, ¿eh?
Increíble.
¡Ay!
Que no lo veis.
No veis la pantalla.
No se ve la pantalla.
No veis la pantalla.
A ver un momento.
A ver un momento.
Si soy capaz de recuperar la pantalla.
Se ha jodido.
¿Ahora la veis?
Ahora sí, ¿no?
Ahora sí, ¿no?
Ya está.
Arreglado.
Vale.
Sí, sí.
Es que, claro, he cerrado sesión, he vuelto a entrar.
Vale.
Pues ya está.
Ya tenemos aquí el ZSH.
Ha costado lo suyo, la verdad.
¿Alguien me recuerda cómo era el nombre de...?
Sí, Hackerman.
¿Alguien me recuerda cómo era el nombre del ZSH este que habíamos hecho?
Zmodule.
¿Y cuál podríamos poner aquí para buscar?
Zim F...
Vale.
Zim FW.
Venga, vamos a terminar este, el de Zim FW.
Ah, mira, lo tenía por aquí.
¿Algún Zim que me recomendéis?
¿O me pongo a instalar aquí Power Level como si hubiera mañana?
Hostia, espérate que se me ha quedado esto.
Se ha quedado penchado.
Ahora.
Zmodule.
Power Level 10k.
Must be call from home.
Must be call from...
Pero si ya estoy ahí, ¿no?
Dice, must be call from home, no sé qué, no sé cuánto.
Y ahí es justamente donde estoy.
Aquí está el MRC este.
Ah, que tiene que ser llamado desde dentro.
Vale.
Bueno, no pasa nada.
Vamos con el Power Level.
Hostia, es que le ha pasado algo raro al Firefox.
Vamos a salir.
Vamos a volver a entrar.
Porque es como que cuando, donde yo le daba click, no funcionaba.
Así que era un poco extraño.
Parece que no se va a pasar de Mac a Ubuntu.
A ver, lo veo bastante complicado, la verdad.
No os voy a engañar.
No os voy a engañar.
No es que de repente ahora vaya a cambiar, ni mucho menos.
Porque, a ver, ya estoy muy habituado a Mac.
Ah, aquí hay unos cuantos, ¿eh?
Aquí hay unos cuantos.
Steve.
La verdad es que son un poco ñe, ¿eh?
No sé, Rick.
Creo que vamos a poner el Power Level.
Aquí a lo mejor pone la instalación, ¿no?
Install, the recommended font.
Automatic, pedias configure.
Arc Linux.
Z init.
Este, theme.
Este era theme, ¿no?
And, da, da, da, da.
Deget, ¿vale?
Copiamos esto.
Nos vamos aquí a Code.
A ver si Code está aquí.
Y esto hay que añadirlo al theme.rc.
Vale.
Vamos a abrirlo.
No quería aparecer un hacker con nano.
Ahí.
El modo restringido está destinado a la navegación segura por el código.
Confía en esta ventana para habilitar todas las funciones.
Claro que confío en esta ventana.
Ay, es verdad que esto era un rollo.
Esto era un rollo cada vez que abrías un archivo.
Vale, vale.
Oye, pues me gusta bastante la configuración.
Tiene bastante buena pinta.
Mucho mejor que la otra.
De ZS o my ZSH.
Vale.
Tu theme.rc.
Unrun.
No sé qué, no sé cuánto.
Vale.
Pues entonces vamos a guardar aquí los cambios que hemos hecho.
Control C.
Y nos vamos aquí.
Y hacemos el theme.
Este install.
Venga.
Vale.
Installing Power Level.
Restart your technical.
Vale.
Bueno, al menos no me va a hacer cerrar la sesión al parecer.
Vale.
Venga, ya tenemos esto.
¿Te parece que esto es un diamante?
Esto no parece un diamante ni borracho.
Ni borracho.
¿Vale?
O sea que no.
No es un diamante.
¿Esto te parece un lock?
No.
Tampoco.
¿Esto parece un lock?
No.
Esto parece uno de prohibido.
Esto parece un...
Pero...
Y más...
Sí.
Esto sí que parece eso.
Vale.
Como lo quiero yo todo lean.
¿Vale?
Lean.
A mí me gusta...
Ah, el pure está bastante chulo.
El pure está chulo.
No sé qué hacer.
¿El 1 o el 4?
A ver, decid.
¿El 1 o el 4?
Rápido, rápido.
¿El 1 o el 4?
4.
Venga, pues es el 4.
Bueno.
Muchos 4 peor.
Vale.
Pues el 4.
¿Original o es nazi?
Hombre, es nazi y tiene buena pinta.
Es nazi.
Es nazi.
¿Qué mal queda?
Es nazi.
No, es nazi.
No quiero que sea nazi nada.
Vale.
¿Dónde queremos la localización de las cosas?
En el 2.
Que enseñe el tiempo.
No quiero saber en qué día vivo.
Prompt height.
¿Vale?
Que esté en una línea o en dos líneas.
Dos líneas.
Compacto o sparse.
Bueno, sparse.
Algunos comandos que no vuelve a enseñarte el prompt y tal.
Vamos a poner que yes.
Instant prompt mode.
Vamos a poner quiet.
Porque si no, esto es un rollo.
Si hay algo que esté mal.
Así que vamos a ponerlo quiet.
Apple.
Apple.
Apple.
Apple.
Apply changes.
Yes.
¿Vale?
Bueno, ya está.
Ya tenemos aquí.
A ver, los colores son horribles.
Son horribles.
No sé si se pueden cambiar.
Me imagino que sí.
Que se pueden cambiar los colores.
Perfil sin nombre.
Colores.
Tango oscuro.
A ver qué hay por aquí.
Usar colores del sistema.
Sí.
Del sistema te voy a dar yo a ti.
Del sistema.
Gris sobre negro.
Son horribles.
La madre los parió.
Blanco sobre negro.
Seguro que se pueden instalar de alguna forma, ¿no?
A ver, ¿alguien sabe?
Kitty para terminal.
Si no lo conoces.
A ver qué es Kitty.
Kitty terminal.
Kitty.
O sea, es una terminal, básicamente.
Kitty es una terminal.
Es una terminal.
Cross platform.
Linus.
Macos.
A ver el vídeo.
A ver si me lo vende.
Bueno, pero se parece demasiado, ¿no?
Es lo mismo.
Es lo mismo.
Es lo mismo.
No vamos a instalar otra terminal.
Vamos a poner el solar oscuro.
A ver si el solar oscuro me convence un poco más.
Vale.
Este me gusta.
Este me gusta.
Este me gusta.
¡Hombre, Beto!
Gracias por esos 11 meses.
Alacriti es bueno.
¿Qué es Alacriti?
Me da miedo buscar cosas que me ponéis.
Alacriti.
¿Vale?
Alacriti.
Kitty Alacriti.
Across platform.
Ah, bueno, pero es otra terminal.
¿Pero hace falta?
A ver, tiene buena pinta, pero me da un poco de palo, ¿eh?
A ver.
Alacriti.
Install Ubuntu.
Bueno, install.
A secas.
Ah, o sea, que hay que instalar una versión del compilador, no sé qué.
Vale, vale.
Venga, va.
Vamos a darle a Alacriti.
A ver a Alacriti este.
Hostia.
Página en GitHub.
Venga, página en GitHub.
Venga, va.
Vamos a darle una oportunidad a Alacriti.
Me ha gustado el nombre y utiliza Rust.
O sea, que bien.
Alacriti no me da más por el tema de ligaduras.
Vamos a probar Alacriti, hombre, que está hecho con Rust.
Instalación.
Puede ser instalado.
Where can be found here.
Cargo installation.
Claro.
Tendremos que instalar primero todo lo del tema de Rust.
Hostia.
Me pone muy de los nervios.
¿Cómo se copia esto?
No sé por qué.
Vale.
Vamos con Rust.
Rust.
Esto no.
Install Programming Language.
Vale.
Vamos con Rust.
Que esto debería ser un momento.
A ver si esto...
Info de Loading.
Proceed with Installation.
Will then be added.
ZSH Enf.
No sé si esto me lo va...
Me imagino que sí.
Me lo voy a copiar por si acaso.
Ups.
La he liado.
Lo voy a copiar por si acaso.
Pero...
Vale.
Venga.
Instala.
Instala y todo.
Rust el juego no.
Del juego no.
Del lenguaje de programación.
Porque esa terminal está hecha con este lenguaje de programación.
Vale.
Mientras...
Mientras.
Voy a instalar un poco.
Voy a buscar mi tema favorito de One...
De Visual Studio.
Que es OneDark Pro.
Lo voy a instalar.
Que el bueno es este.
¿Vale?
El de 5 millones de instalaciones.
Madre mía.
Qué bonito.
Me gusta mucho el Flat y el Darker.
Me encantaría el Darker pero en Flat.
Sería mi...
Sería perfecto.
Así que nada.
Ya tenemos este instalado.
Vamos a instalar también mi fuente favorita para esto.
Que sea Cascadia Code.
Vamos a Github.
A ver cómo se instalan las...
Pa, pa, pa.
Cascadia Code.
Cascadia Code.
¿Cómo se instala esto?
Installation.
You can download...
From releases.
O sea, me tengo...
Vamos a descargar esto.
Creo que se puede.
Es que no sé cómo se instalan...
No sé cómo se instalan las fuentes en Ubuntu.
No tengo ni puñetera idea.
No tengo ni puñetera idea.
Eh...
Fonts.
¿Vale?
Todas las tipografías.
No hay tipografías.
No hay tipografías.
Vamos a ir al Cascadia Code este.
Vamos a abrirlo.
Lo extraemos aquí.
Sí, tú extraes ahí.
Vamos con las tipografías.
No sé qué le pasa a veces.
Ah, que es que estaba pensando.
La madre que lo parió.
¿Cómo lo has buscado?
¿Has visto?
Eso ha funcionado, eh.
Control, espacio.
Y mira qué me ha salido aquí.
Me ha salido esta cosa maravillosa.
Vale.
Pero me ha borrado fuentes.
Fonts.
Vale.
View fonts.
Vamos a poner la TTF.
Que entiendo que es la que necesita.
¿Qué es esto?
Static.
¿Qué es eso?
Static.
O sea, no sé.
¿Podría hacer esto?
Claro que no.
Claro que no puedo.
¿Cómo?
¿Cómo?
¿Cómo?
¿Cómo se te va a ocurrir que puedas arrastrar las cosas?
Pues no se pueden añadir tipografías aquí y así.
No se pueden.
Pensaba que se podría así.
Tenemos que hacerlo de otra forma.
No, no.
¿Por qué?
¿Por qué?
Vale.
Me imagino que dándole doble clic o dándole a abrir con tipografía.
Me imagino que eso la instalará.
Vamos a ver.
Vamos a ver.
Vamos a instalar las de PL.
PL significa power line.
¿Vale?
Que son las que tienen los simbolitos.
Vale.
O sea, que hay que darle doble clic e instalar.
¿Vale?
Instalando.
Instalando.
Joder.
Que esto debería ser instantáneo, ¿eh?
Ah, bueno.
Que encima no se ha le dado.
Ah, instalado.
Ahora sí.
Ahora sí.
Me encantan estos anagramas.
Estos de jovencillo emponzoñado de whisky.
¿Qué figurota exhibe?
Sabéis que estas son las frases que tienen todo tipo de...
O sea, que tienen todos los carácteres en una misma frase.
Ah, mira.
Linux Mobile.
Menos mal que hay gente aquí que es de Linux y que sabe moverse en estas cosas.
Vale.
Vamos a abrir una nueva pestañita.
Y me ha dicho que me vaya...
Vamos a ir a dos loads.
No.
¿Dónde tengo dos loads?
Descargas.
Vale.
Y...
¿Y por qué no tengo aquí mis fuentes?
TMP.
TMP.
Mozilla.
Cascadia.
Vale.
Y me ha dicho...
Cópialas ahí directamente.
Las TTF.
Vale.
Copia.
A ver.
Vamos a copiar todas las TTF.
Barra.
User.
Share.
Fonts.
Fonts.
Fonts.
Vale.
No se puede.
Vale.
Me imagino que es que necesito sudo para todo.
Vale.
Se supone...
Se supone que se ha instalado.
Vamos a ver si ahora las tengo aquí en el catálogo.
A ver si están.
Tenías que hacerlo desde la terminal.
Es mucho más cómodo copiando y pegando un comando.
Sí, pero es que estoy muy mal acostumbrado.
Mira, ya las tenemos aquí.
Tenemos Cascadia, Cascadia, Cascadia.
Perfecto.
Vale.
Cerramos esto.
Nos vamos aquí.
Vamos a ver si soy capaz.
Comando C.
No.
¿Cómo sería?
¿Comando esto?
Sí.
¡Ojo!
Que me he hecho un acceso directo.
Fonts.
Code Lens.
Font Family.
Font Family.
Code Lens.
Fuente.
Font Family.
Vamos a ponerla aquí.
Cascadia Code.
¿Todo junto?
No me la está pillando.
Porque debería cambiar instantáneamente.
Debería cambiar instantáneamente.
Vamos a ver cómo se llama esto.
Puede ser Cascadia Code.
Que tenga que ser todo junto.
Sí, pero igualmente no la está pillando.
No sé si es que no la está pillando.
¿O es que tengo que salir?
Porque me da la sensación que no la está pillando.
O sea, si yo aquí pongo, por ejemplo.
Si no pongo nada y pongo Arialque.
Es que no veo ningún cambio.
Cascadia.
Vale.
Al menos ahora sé que funcionar no está funcionando.
Cascadia Code.
Vale.
Aquí es donde veo el cambio.
Pensaba que vería el cambio aquí inmediatamente.
Pero ya veo que no.
Vale.
Cascadia Code.
A ver si vemos aquí el nombre.
Cascadia Code regular.
Información.
Cascadia Code.
Pues no la está pillando.
¿Ves?
Está en Arial.
Pero no me está pillando a Cascadia Code.
Vamos a intentar cerrar y volver a abrir.
A ver qué.
Parece que es la forma en la que funcionan las cosas en Linux.
Cerrar y volver a abrir.
Vale.
Vale.
Ya está.
No me jodas.
¿Pero qué mierda es esta?
La madre que nos parió.
Vale.
Sí que está funcionando.
El problema es que habría que cerrar y volver a abrir.
No entiendo cómo estas cosas no las tienen todavía arreglar.
¿Qué Vistro está usando?
Es la de Slimbook.
La Vistro.
Me lleva la pitufichinga.
Yo que justo estaba terminando de personalizar mi distribución de Linux.
Vale.
Venga.
Que os leo un rato.
Pero es solo una vez.
Ya después funciona bien.
Hombre.
Sí.
Es verdad.
Es verdad.
Pero el chat pibe que me pone nervios.
Es que me lo he perdido.
Estaba aquí atento.
No es tanto mayormente de Linux.
Sino de Visual Studio Code.
Sí.
Puede ser.
No digo que sea de Linux.
Pero que bueno.
Me sorprende que no tenga esto.
Porque Max sí que lo tiene.
Quita de la barra el título.
Bueno.
¿Y cómo se le quitó la barra el título?
Barra.
Barra.
Scroll bar.
Ta ta.
Ah.
He visto algo de Ubuntu.
Show status.
Contra la visibilidad.
No sé qué.
A ver.
¿He visto algo de Ubuntu por ahí?
Ubuntu.
Ubuntu.
No.
Había visto algo ahí que ponía Ubuntu.
En Arch Linux.
Title bar.
Title bar.
Native custom.
Reinicia.
Reinicia.
Vale.
¡Wow!
Mucho mejor.
Vale, vale.
Esto ya está mejorando.
Pero es que os he preguntado antes.
Os he preguntado antes.
Y me habéis dicho que no se podía arreglar.
Me habéis dicho.
No, no se puede arreglar.
Me habéis dicho.
No se puede arreglar.
Hostia.
Y ligaduras.
Configurar al día de las tipográficas.
¿Y por qué no se pueden?
PhoneFamily.
Wander.
¿Por qué no se pueden aquí?
A ver.
Font.
Fontligatures.
True.
Qué raro.
Vale.
Ya están las ligaduras activadas.
En un momentito.
Qué raro.
Que no recordaba que se hiciese esto manual.
Lo de las ligaduras.
No.
No lo recuerdo.
Me ha sorprendido.
Vale.
Pues ya va teniendo bastante buena pinta.
Nice.
Nice.
Nos falta JavaScript.
Nos faltarían unas cuantas extensiones.
Por ejemplo.
Que mucha gente me dice.
¿Cuáles son tus extensiones?
¿Cuáles son tus extensiones?
Bueno, amigo y amiga.
Tienes tu momento especial de ver cuáles son las mejores extensiones que utiliza MiDudev.
Y ahora en vivo y en directo estas son las extensiones que utilizo en mi Visual Studio Code.
Así que aprovecha este momento.
¿Vale?
Aprovecha.
Atento ahí.
Atento, atenta.
Dale cañita.
Vale.
Mis extensiones.
La primera.
Una de las más importantes.
Seguramente la mejor.
Error Lens.
Error Lens que lo que hace es mejorar cómo te muestra los errores y los warnings de diferentes
lenguajes en el editor.
Te los va a mostrar así, en la misma línea.
Así que este, plam, lo instalamos.
Es brutal esta dependencia.
Otra dependencia que utilizo mucho, también que tiene que ver con esto, es Version Lens.
Así que dale a instalar.
Version Lens.
Aquí tendríamos las dos de Version Lens, aunque hay un montón que puedes ver que tienen
de Version Lens, pues ya, hasta aquí, hasta aquí llego.
¿Qué es lo que hace la de Version Lens?
Esta va muy bien cuando tienes un proyecto con Package JSON, porque lo que puedes hacer
en las dependencias es ver las versiones que tienes de tus dependencias y lo que haces
es justamente que puedas actualizarlas desde el Package JSON.
Puedes ver si tienes algo por actualizar y cosas así.
¿Vale?
A ver, ¿qué más tengo por aquí?
Bueno, por supuesto, pues habría que poner la de Slint.
Esta la necesitaré en un montón de proyectos míos.
¿Vale?
Slint.
Pa, pa, pa.
¿Qué más tengo?
Bueno, GitHub Copilot, que no podría vivir sin ella, aunque tendría que iniciar sesión,
pero bueno, la voy a instalar por si acaso.
GitHub Copilot, si no has pedido acceso, vete a copilot.gihab, porque si no, estás perdiendo
un montón de tiempo de tu vida.
¿Qué más tengo por aquí?
¿Qué más tengo?
Buah, es que tengo un montón, ¿eh?
Ah, la de Thunder Client también es muy chula.
Thunder Client.
Thunder Client.
La de Thunder Client es como si tuvieses un Insomnia o un Postman en tu Visual Studio Code.
Así que la instalas.
Y ahora lo que te debería aparecer, una vez que la tienes instalada, te aparece este nuevo
iconito.
Y aquí lo que puedes hacer son requests.
Por ejemplo, puedes hacer un get de la que tú quieras.
Esto normalmente son APIs, pero puedes hacer un get de esto.
¿Lo ves?
Send.
Esto sería mi blog.
Y aquí tendríamos la respuesta.
En este caso es el HTML, pero si fuese una API con JSON, pues JSON y ya está.
Y además puedes guardar las peticiones, puedes hacer peticiones de GraphQL, tiene un montón
de cositas.
Vale.
¿Qué más?
Hombre, por supuesto, si no, si estás utilizando Tailwind, necesitas la de Tailwind
Tailwind, CSS, IntelliSense.
Esta es obligatoria, ¿vale?
Porque para el tema del autocomplete de Tailwind te ahorra años de vida.
Así que, ¿ves?
Aquí tendrías con el autocomplete de todos los colores.
Es una maravilla.
Además te dice cosas que puedas tener mal si tienes duplicada una class name, cualquier
tipo de cosa.
Así que, ya sabes, esta no te la pierdas.
Vale.
¿Qué más?
Para Rust, tengo una para Rust que hay que tener cuidado porque de Rust hay dos y la
que es buena, ¿ves?
Si buscas Rust, aquí podemos ver que está esta que tiene 1,4 millones, pero fíjate que
no tiene muy buenas críticas, ¿no?
Solo tiene tres estrellitas.
Y, de hecho, no sé si las siguen actualizando.
¿Ves?
La última actualización es del...
Bueno, no se ve porque estoy yo encima.
A ver si soy capaz de enseñarlo.
Bueno, la última actualización es del 2020.
Así que la que hay que utilizar es esta de Rust Analyzer.
Fíjate que esta está llena de estrellitas.
Así que esta es la buena.
Esta es la buena.
Esta es la buena.
Esto lo que te va a ayudar, justamente, es a detectar errores que tengas en el código
de Rust, precompilaciones, poder ejecutar tu código, te va a lintear, te va a hacer
autocompletado, encontrar referencias, tener un montón de historias.
¿Vale?
¿Qué más?
¿Qué más tendríamos por aquí?
¿Vale?
Tendríamos...
Bueno, tengo aquí algunas como Prisma, soporte para post-CSS y tal.
Hay otra que me gusta mucho, sobre todo si estás utilizando Visual Studio Code para
desarrollar web, que es Import Cost.
Import Cost.
¿Vale?
Así que esta, súper importante.
Esto lo que te voy a decir es cuánto ocupan las cosas que estás importando.
Cuando importes cualquier dependencia de terceros, aquí verás que justo a la derecha
te dirá, oye, pues esta dependencia ocupa, mira, 70k, por ejemplo.
Pues esta también la uso bastante.
¿Y qué más?
¿Qué más tenía por aquí?
Bueno, tengo otra, Hitwind, ¿qué es?
Ah, nada, tengo caca.
Bueno, tengo de GraphQL, tengo la de GitLens.
La de GitLens también está bien.
Está bien, pero es bastante grande y tampoco uso muchas cosas.
La de Import Cost se me queda en Loading.
Ostras, qué raro.
A mí no me da ningún problema.
Me sorprende.
A ver, Open Settings.
Espérate que aquí ahora también hay un montón de cositas que deberíamos...
Eso me desespera.
Vale, ¿qué más?
¿Qué más?
Es Headwind, la de GitLens, que es esta.
Esta está muy chula, que básicamente lo que te hace es como hipercargar un montón de funcionalidades de Git en tu editor.
Por ejemplo, te hace un Blame de cada línea cuando estás encima.
Puedes ver en el status bar un montón de cosas.
La verdad es que hay cosas que ya no sé qué parte es, del editor o de GitLens, ¿sabes?
A la hora de visualizar ramas.
A la hora de trabajar con Pun Request y ver qué cambios hay ahí o no hay ahí.
A la hora de poder hacer stash desde el comando.
Es que tiene un montón de cositas.
Poder ir atrás en el historial.
Es que tiene un montón de cosas.
Mira, esto es el current line Blame que os decía.
Aunque esto a veces agobia un poco.
Es lo que más uso, sin ninguna duda.
Luego ver esto, ¿no?
Que puedes ver quién ha escrito esa clase, cuántos autores han tenido una clase, ese código, cosas así.
Eso está bastante bien.
Mira, el status bar Blame, que lo ves aquí.
¿Quién lo tocó?
Pues tú, hace cuatro años.
Está bastante bien.
Cuando haces hover.
Pero bueno, ya os digo que tiene cosas que a veces a mí me agobian un poco.
Porque tiene como demasiada información.
O sea, esto de supercharge, de verdad es supercharge.
Porque la verdad es que sí que es verdad que es así.
Así que a veces...
Esto sí que me gusta mucho.
El Guter Hitmap.
Para ver cuáles son las líneas que más están tocando de ese archivo.
Así que le voy a dar.
La voy a instalar.
Demasiada información.
Sí, a veces tiene demasiada información.
Pero lo bueno es que se puede ir editando.
Bueno, Quokka, es que no me gusta ni Quokka ni Tap9, la verdad.
Ninguna de esas dos me entusiasman mucho.
Me gusta mucho más Gihab Copilot, que es el que utilizo.
Y además que a día de hoy es totalmente gratis.
Ya veremos cuando sea de pago si tenemos que cambiar.
Vale, pero ya veis que cuando la instaláis...
Mira, cuando la instalas, te abre esta configuración.
Esta configuración.
Y tú le puedes decir lo que quieres.
Por ejemplo, decir, vale, el current line Blame, ¿sí o no?
Entonces, cuando lo activas o lo desactivas...
Fíjate que te dice aquí esto.
Yo la verdad es que estoy que lo voy a desactivar.
No lo voy a volver a hacer nunca más.
Es que hay veces que si te pones encima de la línea...
O bueno, mira, lo voy a dejar, pero voy a quitar el hover.
Este está bastante chulo.
Status bar Blame.
Bueno, este lo puedes quitar o puedes...
Este está...
Bueno, ¿sabes qué?
Voy a quitar este.
Y voy a dejar este, que es menos intrusivo.
Y también el del hover me gustaría poderlo quitar.
Pero bueno, por ahora vamos a dejar estos y ya está.
Luego, aparte de esto, vamos a abrir...
Vamos a crear un nuevo archivo que sea, por ejemplo, export, default, function...
Qué bonita la cascadilla code.
Qué bonita es.
Me encanta.
Me encanta.
Vamos a hacer esto.
If...
If true.
Vale.
Console log.
Hola.
Vale.
Esto hacemos que sea...
Ah, importante.
Hay una cosa que yo uso un montón.
Y vais a ver.
A mí la de autoimport no me gusta mucho porque utilizo el nativo.
Utilizo el nativo directamente.
El nativo suele funcionar bastante bien.
Vale.
Se puede abrir las settings con JSON.
Y aquí es donde va a ocurrir la magia.
Alguna de la magia.
A ver.
Es que tengo aquí la configuración.
Aquí delante.
Voy a ver alguna cosa.
Por ejemplo.
Por ejemplo.
Por ejemplo.
Hay una cosa que hay.
A ver si encuentro.
New.
New.
Vale.
Cosas que me gustan.
Por ejemplo, en el Workbench, tú puedes hacer el Startup Editor.
Yo aquí le pongo directamente...
¿Veis que le puedes poner aquí diferentes nombres?
Puedes poner New Entitled Page.
Pues puedes poner, por ejemplo, aquí...
Nuevo fichero.
Hostia.
O puedes poner Nuevo fichero sin guardar.
Cosas...
Ah, no.
No le puedes poner el que te dé la gana, pero puedes utilizar uno de estos.
Yo le tengo...
No le puedes poner el que te dé la gana.
Pensad que se podría.
Vale.
Yo aquí lo que quiero es que siempre me cree un archivo nuevo.
O sea, que cuando abra un editor, me cree un archivo nuevo ya directamente.
Porque si no, lo que te sale o es la portada o te sale totalmente vacío.
Yo lo que quiero es que cada vez que...
Claro, es que se me había olvidado esto.
Que cuando inicio el editor, me lo abra con un archivo.
Eso es lo que quiero.
¿Vale?
Abra un archivo nuevo sin título.
Eso es lo que quiero.
Eso por un lado.
Vale.
Luego...
Luego lo de los brackets.
¿Vale?
Que hay mucha gente que utiliza una extensión para esto.
Pero aquí en este caso tenemos el editor.guides.bracketPairs.
Y esto lo ponemos a true.
De esta forma, ahora aquí...
Ah, espérate.
Es que quería activar otra cosa.
Quería activar otra cosa.
Que esto es...
A ver si...
New file, new file, new file...
Ya, machine learning, guess...
Joder, a ver si lo encuentro.
JavaScript inline, height, hidden...
No, autofetch, no, tab size...
Hay una opción que es muy poco conocida en Visual Studio Code
que lo que hace es que cuando creas un archivo...
Sabéis que, por ejemplo, yo tengo este archivo que acabo de crear.
¿Vale?
Y es...
Obviamente es JavaScript.
Detect language...
Default formatter...
Es que no encuentro, es que tengo demasiadas opciones.
¿Alguien lo sabe?
¿Cuál es la opción?
¿Alguien sabe la opción?
Activity disable...
Eso.
Muy bien.
Ahí está.
Ahí está.
La de Wordbench.
Ahí está.
Mira que está a punto de buscar por Wordbench.
Wordbencheditor.languagedetection.atru
Ahí está.
Entonces, no sé si ahora funcionará con esto.
Ya veo que no.
A ver si me pongo a copiar esto unas cuantas veces.
Vale.
Fíjate lo que ha pasado.
Lo que ha pasado es que cuando ha visto que he escrito bastante código de JavaScript
ha detectado que es JavaScript y ya me ha puesto el tipo.
Esto está genial porque si no es un rollo.
Porque esto no viene por defecto y si no, pues tú juegas aquí lo que sea
y no sabe que es JavaScript y tienes que ponerlo y tal.
Así que de esta forma, pues te detecta automáticamente el tipo.
Es una cosa que no funciona siempre al 100%,
pero normalmente si es código así en condiciones, debería...
debería salir...
debería hacerlo bien.
Así que, ¿ves?
Ahora ya tenemos el tipo que es correcto.
Vale.
Aquí además, como podéis ver, ya tenemos las líneas aquí de colores.
Esto que hemos puesto aquí del bracket...
¿Ves?
El bracket pairs, el editor guides bracket pairs a true.
Mira, si lo pongo a false, vamos a ver que las líneas,
la línea aquí del if para abajo, estas líneas de aquí,
¿ves que son como grises?
Así que esto, si lo ponéis a true,
vamos a ver aquí que ya tenemos los de colores.
Y ahora la que nos faltaría también es la de los otros brackets, ¿vale?
Porque ese es el bracket de los pares.
Pero hay otro que es el editor punto bracket pair colorization.
Esto lo ponéis a true y ya sin ningún tipo de extensión ni nada,
ya tenéis aquí, fíjate, los brackets ahora tienen colores.
Entonces, si ponéis, empezáis a, yo que sé, aquí vamos a poner otro, ¿vale?
Vais a ver que los brackets, las llaves, van teniendo colorines.
Aquí lo tendríamos amarillo, este sería de rosita, este sería azul.
Y está súper chulo, la verdad.
Está súper chulo.
Y esto al final es totalmente, sí, estas son las configuraciones.
Editor guides bracket pairs es lo que hacen que las rayitas, ¿qué veis?
¿Ves que la rayita de esta es azul, esta es rosa y esta es amarilla?
Este sería el bracket pairs.
Y para que las llaves salgan de colores,
tenéis que poner editor punto bracket pair colorization enable a true.
Y esto sin extensión ni nada que funciona súper bien.
O sea que, dice, me gustaban más los colores de la extensión,
pero si es que los puedes customizar.
Los puedes customizar.
Mira, pones editor bracket pair colorization.
Mira, bracket colorization.
No sé ahora cómo se podían,
pero te puedo asegurar que se pueden customizar porque yo lo he visto.
Color.
Se pueden customizar los colores.
Oye, qué rabia esto.
Qué rabia que no me deja hacer el...
Por culpa del control es la cosa esa.
Bueno, pues eso, que se pueden customizar, ¿eh?
Y puedes poner exactamente los mismos colores si quieres.
Y ya está.
Y ya está.
Vale.
Pues ya tendríamos esto.
Luego del tema que yo utilizo, el one dark,
como veis, tiene diferentes opciones que yo siempre activo.
Lo de bold.
Esto se lo pongo a true.
Ya iremos viendo a ver aquí.
De hecho, todavía no se ve.
Ah, hay que hacer un reload.
Vale.
Reload.
Pero debería...
No sé si...
Ah, mira, sí, sí.
Ya se ve.
¿Veis a este console log?
Está un poco más en negrita.
¿Vale?
Le pongo el bold.
Le pongo el one dark pro.
Se lo pongo en italic también.
Que esto no sé si...
A ver el reload.
A ver si aquí se vería.
No sé si tenemos aquí alguna cosa que tenga...
No.
Porque creo que esto debería ser aquí.
¿Veis?
Esto que lo ha puesto en italica.
Si esto lo tenéis en false, pues no aparecerá en italica.
Y sale más plano.
Bueno, voy a recargar para que veáis la diferencia.
Que si no...
¿Vale?
¿Veis que ahora sale normal?
Este parámetro.
Pues lo que podéis hacer es que aquí le pongáis true.
Y entonces salen en...
Salen en cursiva.
¿En qué máquina está corriendo Linux?
La máquina...
O sea, ¿en qué máquina?
Es una máquina de verdad.
Es esta máquina.
Slimbook Executive.
Executive.
Es esta máquina aquí.
Que la verdad es que está bastante chula.
Está bastante chula.
¿Vale?
¿Qué más?
One Dark Pro.
Y el otro que a mí me encanta es One Dark Pro Vivid.
¿Vale?
Que significa que los colores están más vivos todavía.
Esto soy yo.
Que a mí me gustan las cosas vivas, vibrantes.
¿Vale?
Pero mira, ¿veis?
Que ahora el color es como más rojo.
Esto soy yo.
Que me gustan vibrantes los colores.
No sé por qué.
Pero bueno, que lo sepáis.
Que lo sepáis.
Que si no os gusta, pues no lo hagáis.
Pero a mí me encanta.
Luego, por supuesto.
Hay mucha gente que también muchas veces me dice...
Oye, ¿cómo mueves el editor este a la derecha?
Porque ya sabéis que en los directos lo hago mucho.
Pues editor.
Creo que es editor.
Cyber.
No.
He ido muy rápido.
Yo creo que era wordbench.
Punto.
Editor.
Punto.
No.
Oye, me da rabia que se haya perdido.
Creo que es wordbench.sidebar.location.
Right.
Ahí está.
Y ya se pone a la derecha.
Esto soy yo, ¿vale?
Que me gusta tenerlo aquí.
Porque así queda justo encima mío.
Y no se corta ningún contenido del fichero ni nada.
Solo para que lo sepáis.
Y creo que más o menos ya está.
Bueno, creo que si queréis desactivar cosas de telemetría.
Pues podéis hacer aquí en telemetry.
Telemetry level.
Le ponéis off.
Y de esta forma no enviáis datos a Microsoft.
Esto no sé si os importa.
Pero yo al menos siempre lo desactivo.
Más que nada, no es por nada en concreto.
No es que no me fíe.
Pero bueno, es que no me gusta tener que estar enviando datos de cada cosa que hago.
No sé qué se envía.
Yo qué sé.
Así que prefiero poner la telemetría.
La podéis desactivar.
La ponéis en off.
Y de esta forma no se envían datos a Microsoft.
Microsoft, ¿qué te da gratis?
¿Qué me da gratis?
A mí no me da gratis nada.
Entonces, ¿cómo aprende Copilot?
Pues aprende de otras formas.
Y ya os digo que aquí...
No sé si es diferente.
Yo creo que Geekhacko Pilot seguramente tendrá uno aparte.
Esta telemetría es más del propio editor.
Es del propio editor.
Así que lo sepáis.
Vale.
Y creo que más o menos ya está, ¿no?
Ya hemos puesto las ligaduras.
Hemos puesto...
Hemos puesto esto.
Bueno, lo del Minipub.
Tampoco es muy importante.
Eliminar la telemetría.
Vale.
Pues nada.
Yo creo que...
A ver, tengo aquí un montón de configuraciones.
Pero bueno, es que esto ya sería entrar muy al detalle de cosas en concreto.
Sí, me falta lo del linter del onSafe.
Pero bueno, también es verdad que también tendría que poner editor.codeActionsOnSafe, ¿no?
Y esto...
SourceFixAll.
No sé si aquí se puede poner slint.
Creo que sí.
True.
Creo que es así.
O sea, que utilice solo para slint, que haga el fix-all en slint y tal.
Creo que era así.
¿Vale?
A mí me gusta montar un poco el line height.
Bueno, así.
Sube la YouTube.
Que sí, que lo subiremos a YouTube.
Pero bueno, estas son configuraciones.
La verdad es que...
Hay algunas que no conoce la gente.
Hay otras que sí que la conoce.
Esta, la de los brackets, es bastante interesante.
La de OneDark.
Esto es porque es mi tema, que me gusta mucho.
Esto es lo de mover el sidebar del sitio, la telemetría, el linter.
Bueno, aquí ya cada uno que lo ponga como quiera.
Antes os he comentado que se podían customizar los colores.
Pero nada, no lo tengo ni puñetera idea.
¿Cómo se configura Prettier para que no ponga un punto y coma en JavaScript?
Pues le pones semi a false en el Prettier, en la configuración de Prettier y ya está.
Vale.
Lo que sí que os recomiendo, esto es bastante importante,
es que no tengáis los...
La configuración de Prettier no la hagáis en el editor,
sino que la tengáis en un fichero aparte
y que el editor tenga que leer de ahí.
¿Vale?
Eso es lo que os comentaría.
Venga, ¿cuál me recomendáis de iconos de Visual Studio Code?
¿Cuál me recomendáis?
¿Cuál me recomendáis?
El más usado es este.
Que tiene 10.000 millones de...
Vale.
Icons.
A ver cómo quedan estos.
Además tiene diferentes iconitos.
Material, material.
Joder, os gusta el de Material Icons.
Os encanta el de Material Icons.
Material Icons.
File Icons.
A ver estos.
Este está bastante bonito.
Este me gusta mucho.
Este me gusta bastante.
Este lo he visto alguna vez y me gusta bastante.
El de File Icons.
Este me gusta bastante.
Material Icons.
Sí, sí, no.
Os encanta el de Material Icons.
Estáis todos ahí.
Material Icons, Material Icons.
Material Icons.
¿Pero qué serían estos?
10 millones.
Bueno, la verdad es que sí que se ven bonitos también.
¿Pero es este que tengo abierto o es este?
Porque hay dos.
Uf, este tiene mala pinta que ni siquiera sale una previsualización.
El primero.
Venga, vale.
Pues este.
Venga, le damos a este.
Le damos a este.
Uy.
Abrir una carpeta.
Venga, aquí mismo.
Sí, es un momento para ver.
¿Desea guardar los cambios?
Sí, hombre.
Guarda, guarda.
Guarda.
Guarda, guarda.
Hostia, ¿qué le ha pasado?
Confía en los archivos.
Sí, hombre, confía.
Confío en los autores.
Los autores son de fiar.
Son de fiar siempre.
Vale.
Vamos a crear aquí un nuevo archivo.
Selecciona un idioma para empezar.
Empieza a escribir para descartar o mostrar no sé qué.
Explore default function.
Vamos a ver los iconos en funcionamiento, ¿no?
¿Pero por qué me vuelve a hacer esto?
Si había guardado antes un fichero aquí.
¿Este es el icono?
¿Este es el icono de material?
¿O es que no se ha instalado?
¿O es que hay que activarlo?
Tienes que cambiarlo.
Vale.
Material, icons, activar los iconos.
¡Ah, amigo!
Oye, qué bonitos.
Me gusta.
Me gusta, ¿eh?
Me gusta.
A ver, es chiquitito, pero claro.
Es que...
Mira, ahí lo veis.
Ahí lo veis.
Este sería el de...
Está chulo, está chulo, ¿eh?
Está chulo.
Está chulo.
Style.
Style.
CSS.
¡Oh, qué bonito!
HTML.
¡Oh, oh, oh!
Oye, qué bonitos.
Me gustan, ¿eh?
Me gusta.
A ver, el de JSX.
¡Oh, oh, oh!
A ver, con TSX.
¡Oh, oh, oh!
Me gusta, me gusta, me gusta, me gusta.
Me gusta, me gusta, ¿eh?
Me gusta, me gusta.
Me gusta, me gusta, me gusta.
Vale, me ha gustado, me ha gustado.
Gracias.
Gracias por el material este.
Me ha gustado, ¿eh?
A ver, que ponga, por ejemplo, un naxconfig.js.
¡Oh, oh, oh!
Me gusta, me gusta.
A ver, next.
¡Olo, olo, olo, olo, olo!
Está chulo, está chulo.
A ver, package.json.
Bueno, este no me ha gustado mucho.
No me gusta porque, no sé, preferiría el NPM, la verdad.
Ya que tuviera que elegir.
Eh...
Y si ponemos...
Y si ponemos...
Prettier.json
Prettier.json
¿No?
¿O es link.rc?
Uy, uy, uy.
Esto no, ¿eh?
Esto ya no me ha gustado tanto.
Mira, el de view.
Bueno, es el logo.
Pero bueno, están chulos, ¿eh?
Me gusta.
Ah, el de Prettier era
.prettier
.qué
Ah, mira, qué chulo
Qué chulo
Me gusta
Nada, este no
NPMRS, ah, qué bonito este
Muy bien, qué chulo, qué chulo
Qué chulo, qué chulo, me ha gustado
Muy bien
Whatever.sas
SCSS
Stylus
Hostia, Stylus, Dios
Ovo
El Ovo, sí, el que te va a dar
En el ya sabes dónde
Spec
Oh, qué chulo
Qué bueno, qué chulo
Me gusta, eh
Material Icons, muy bien, me ha gustado
Vale, pues ya tenemos
Más o menos, tenemos el de
Blizzard Studio
Tenemos la terminal
De aquella forma
¿Qué estábamos haciendo de la terminal antes?
Estábamos intentando
Instalar Alacriti
Alacriti, que no sé qué era
Creo que era una terminal, ¿no?
Alacriti
Vamos a ver si aquí nos
Cargo
Stoll Alacriti
A ver si podemos ejecutar esto
Sí, ya la personalizamos
Ya la personalizamos
Gracias
Feral, que ha puesto en el chat ahí todas las extensiones
Venga
Joder, cuánto ocupa esto
Alacriti
Ya toma pinta esas settings
Sí, sí
La distribución es la de española
La castellana
Te quisieron trolear con el lobo
Que ya sé que me quisieron trolear con el lobo
Por eso le dije que el lobo
El que
El que se puede meter
Por el
Bueno, mi duda
De paso, fíjate
Si esa versión de Ubuntu es vulnerable
Puede ser que sea vulnerable
A ver, vulnerable a Piwik
Piwik
Es una falla de seguridad gravísima
Y tan fácil de explotear como hacer make
Que ya viene con Unix
Hacer ejecutar el binario y correrlo
Bueno, a ver
Si al final se ejecuta un make
Tampoco es tan difícil
Mira, es que
Lo tengo que abrir en otra pantalla
Pero vale
Le echaré un vistazo
¿Qué terminal usas?
A ver, esta es la terminal de Ubuntu
Pero vamos a intentar cambiarla
Por la de Atacriti
Esta, Atacriti, ¿cómo se llama?
Hoy juega la Binotinto
Envía buenas vibras y suerte
Para que gane el partido
Venga, vamos, Binotinto
Vamos, Venezuela
Vamos a tope
Vamos
Venga, se está instalando ya esto
Déjala de Ubuntu
¿Para qué más?
Bueno, vamos a probar esta
Que es de Rust
Y ya está
Vamos a probar esta que es de Rust
Ya que estamos
Entiendo que Git
Sí, Git sí que está
Git
Esto sí que está
Está hecho
Claro, lo malo es que tendría que
Madre mía
Lo que pasa es que yo no me sé
Tendría que instalar Google Chrome
Porque en Google Chrome
Tengo
Podría
Sincronizar todas las contraseñas
Y todas las historias
Porque claro
No más tengo en
No más tengo en otro sitio
Ah, MVM
Es verdad
A ver
Tenemos dos opciones
Vamos a
Tenemos dos opciones
Bueno, esto sigue todavía
Tendríamos dos opciones
Una sería MVM
¿Vale?
MVM ya sabéis que MVM
Es para instalar Node
Es un Node Version Manager
Y hay otra opción
Que es MVM Rast
Bueno, MVM Rast no
Se llama
Sí, hay uno que se llama
MVM Rast
No, pero yo quiero instalar
FNM
No sé si conocéis FNM
Pero es una alternativa a MVM
Pero está hecha
Con Rast
Que se supone que debería ir
Bastante más rápido
MVM sería el más típico
Que es una aplicación
Que te permite manejar
Las versiones de Node
Cambiar entre ellas
De forma fácil y rápida
Y además funcionan
Todos los sistemas operativos
Menos en Windows
Creo que en Windows
No funciona o no funciona bien
O lo que sea
Tiene su propia versión
Que se llama
MVM Windows
Pero bueno
El tema es que
Hay una
Que es FNM
Que esta sí que funciona
Con Windows
Con Linux
Linux
Yo también
Es que Linux
El nombre del creador
Sí que es Linux
Bueno, Linux
FNM
Linux
Macos y Windows
¿Vale?
Y está hecha con Rast
Pues igual probamos
Esta, ¿no?
Ya que hemos instalado Rast
Uh, ha petado
Ha petado
A la Criti este
Muy mal
Muy mal
Ha petado
Pues nos vamos a quedar
Es que Iter
No está para Ubuntu
¿Verdad?
Es que Iter me encanta
No, estoy
Estoy streameando
Con el Mac Mini
Y lo que lo tengo es
Lo tengo por otro lado
Item
Ta ta
This a work
Ta ta ta
Tilix
Esta es la que alguien
Me estaba diciendo antes
Tilix
El de N
Sí, también conozco el de N
O sea
Github
N
Node
Version
Manager
Pero
No sé
N
Es de TJ
Que es un verdadero crack
En Github
Pero
No sé
Yo lo he utilizado alguna vez
N
Y no me ha terminado
De funcionar muy bien
No sé
Supongo que lo han mejorado
Y lo han arreglado
Así que vamos a ir
Con el de FNM
Vamos a darle una oportunidad
A este
Y luego ya
Vemos a ver
Que a lo mejor
Tampoco funciona
Porque ya vemos
Que nos está petando
Algunas cosas
De
De Rast
Pero bueno
Vamos a probar este
A ver qué
Vale
Estar en for
In order to apply
Vale
Entiendo que ahora mismo
No funciona
Pero dice que si hacemos esto
No me lo ha copiado
No me lo ha copiado
No sé
No sé copiar las cosas
Simplemente
No
Esto soy yo
Que estoy mal acostumbrado
Estoy mal acostumbrado
De que
En item
Cuando la seleccionas
Se copia
Vale
Theme
RC
No sé
Al final voy a
De verdad
Voy a cerrar esto
Y lo voy a volver a abrir
A ver si está
Esto funcionando
No
¿Qué ha pasado?
Pass error
Uh
¿Qué ha pasado?
¿Qué ha pasado ahí?
En la línea 44
Ya nos hemos cargado
El theme este
Línea 44
Hostia
La madre que me trajo
Que esto
No sé por qué
Lo he guardado antes
Cuando estaba probando
Si teníamos las ligaduras
Vale
Vale
Entiendo que ahora sí que
Cago en la leche
La ligadura
Maldita
Vale
Eh
Vale
Ahora sí
Ya tenemos FNM
FNM
Sería como un
Node version manager
Donde puedes instalar
Node
Sin necesidad de instalar
Node
Como tal
Y es mucha mejor opción
Porque al final tú haces
NFNM
FNM
Install
Y le dices la versión
Le podríamos decir
LTS
Y entiendo que esto
Debería instalar
La
La 16
Ahora
De hecho podemos poner
En lugar de FNM
Install
Voy a hacer un list
Y esto me dirá
Ah
Las que tenemos instaladas
Y hacemos un list
Remote
Esto es muy parecido
A NBM
Y esto me dirá
Las que están disponibles
Ah
Pero veo que
No tiene versiones LTS
O hay que ir muy arriba
Para verlas
No
No tiene versiones
O sea
No parece
Voy a intentar instalarla
FNM
Install
LTS
Amigo
Pues no
No
Vale
Pues igualmente
Ponemos FNM
Install
16
Que es la LTS
LTS
Significa
Long Term Support
O sea
Que es la que
Sería la
La que debería
La estable
Vale
La versión estable
O sea
La 17
Todas estas versiones
No son estables
Las versiones estables
En Node
Son las
Son las pares
16
18
20
Tal
Si queréis saber
Cuál es
Cuándo es una versión estable
Lo que podéis hacer
Es iros a Node.js
Y aquí
Tiene justamente
Creo que
Cambios
No
Acerca
Creo que en acerca
Dirección
Recursos
Dirección
Pues no
Descargas
No
Tampoco
No pero
De verdad
Os lo juro
Aquí versiones
Versiones
Aquí lo tenéis
Vale vale
No me lo está inventando
Vale pues tenéis esto
Vale y en versiones
Tendríais un poco
Las versiones que están
En mantenimiento
Las que están activas
Y las que
Están
Activas son
Que están recibiendo
Parches
O sea
Es la versión
Long Term Support
Activa
Y en
Maintainers
Es que está recibiendo
Parches
Pero no se le añaden
Nuevas funcionalidades
Entonces
Node.16
Por ejemplo
Ahora estamos
Más o menos
Aquí
Estamos aquí
En febrero
Y ahora la activa
Es Node.16
Pero Node.17
Está justamente
En desarrollo
Mientras
Pero fijaos que
Las impares
Tienen muy poquito
Tienen como muy poco
Tiempo de desarrollo
Y luego
La Node.18
Que sobre
April o así
Aparecerá
Pues durará
Bastante
Creo que son
30 meses
Si no me equivoco
La Long Term Support
Recibe durante 30 meses
Parches
Lo cual está bastante bien
Vale
Así que vamos a instalar
La 16
Hacemos
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
Lo que es interesante
Es que podemos tener
Instalar también
La 18
Vale
Ah pues no
La 18 no
Perdón
La 18 no está disponible
La 17
Pues si está
Digo porque no
Encontré la 18
Así que la 17
Vale
Y con esto ahora
Pues
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
En
Hacemos
Node
V
En
NFM
Use
16
Y ya
Tenemos
La 16
La verdad
Es que es súper
Súper útil
Y súper fácil
Así que
FNM
Vamos a poner
La 17
Y aquí
Tendremos
La versión 17
Y ya está
Luego
Si queréis
En algún
Proyecto
Utilizar
Una versión
Diferente
Podéis crear
Un archivo
Que sea
N
V
M
RC
Y poner
La versión
Que queréis
Utilizar
La verdad
Es que está
Bastante
Chula
Una duda
¿Para qué se
Usa
Fetch
Note
Hombre
Claro que se utiliza Fetch en Node
A ver, no se utiliza a día de hoy
Fetch en Node, pero sí que
Para hacer cualquier tipo de petición
Un servidor hace peticiones a otros servidores
Es totalmente normal y correcto
Toma agua, vale, toma agua
Vale, pues
Ya tenemos esto
¿Qué quería enseñar con esto de FNM?
Ah, sí, una cosa que es curiosa
Que muy poca gente utiliza
Es poder tener
Por ejemplo, aliases, vale
Aquí podéis hacer, voy a hacer esto
Un poquito más grande para que lo veáis bien
Podéis hacer FNM
Alias
Y si no me equivoco
A ver, ¿cómo era esto? Creo que es
El alias
Alias, el nombre, vale
Pues podéis poner FNM
Alias, la versión 17
Y le podéis poner un alias, por ejemplo
Next, y ahora decís
FNM use next
Y entonces deberíais
Utilizando
La 17, ¿veis?
Que ahora la 17
Tiene el alias de next
La que sea default
La que tenga el nombre de default
Será la que se utilice siempre
Nada más abrir
Una pestaña nueva o lo que sea
O sea, yo si ahora estoy utilizando
La 17
Y abro una nueva pestaña
Si sé cómo es
Que no lo sé
Vale, así
Y miro qué versión está utilizando
Pues está utilizando la default
Podéis cambiar la versión default
A lo que queráis
A lo que os dé la gana
¿Vale?
Vale, muy bien
Muy bien
¿Qué más?
¿Qué más tendríamos que hacer?
A mí me gusta usar
N
Para el manejo de versiones de note
Podéis usar lo que os dé la gana
Podéis usar N
NVM
Yo intenté utilizar N
En su día
Y me dio algunos errores
Y algunos problemillas
Y desde entonces
Siempre he estado con NVM
Pero el otro día
Vi esta de FNM
Y me resultó
Curioso
Hostia
Fresas
Nuevos materiales
FNM
No
Esta de FNM
Fast and Simple
Node.js
Version Manager
¿Qué onda, Midu?
¿Cómo estás?
Estoy bien
Gracias por preguntar
¿Qué vamos a hacer hoy?
Bueno, ya llevamos una hora y media
Instalando cosas
¿Para qué es útil manejar versiones de note?
Guau
Para un montón de cosas
A ver
Para empezar
Es útil
Lo que hemos hecho
Es útil
Porque tú
En tu sistema operativo
Imagínate que yo estoy en Github
¿No?
Estoy en Github
Y digo
Vale, venga
Github
Voy a Github
Y digo
Voy a ver un proyecto
Por ejemplo
El de MiduDev
Mi blog
¿No?
Y en mi blog
Pues resulta que en el package.json
En el package.json
Me dice que
La versión de note
Que tienes que utilizar
Es la 14
Entonces
Si tú
Te vas a
Node.js
Y te instalas
Una versión
¿Te has comprado ya el Tesla?
No, no me he comprado el Tesla
Igual cuando lleguemos a 5000 suscripciones
Me compro el Tesla
Entonces
Imagínate
Si tú instalases
La versión 16
Con instalación normal
El problema es que
Solo tendrías una versión
En tu sistema operativo
¿Vale?
Además
Normalmente
Las tienes que instalar
Con sudo
Para diferentes cosas
A veces que no
Pero puede dar problemas
De permisos
Pero bueno
Solo tendrías una versión
Y la versión que te instalas
Normalmente
Es la recomendada
Para la mayoría
16
Pero claro
Este proyecto
Necesita la 14
Y puedes irte a otro proyecto
Que igual necesita la 10
O la 12
O la 8
O la que sea
¿Sabes?
Entonces
Es bastante buena idea
Tener un versión manager
De Node
Justamente para esto
Porque no siempre
Todos los proyectos
Utilizan la misma versión
De esta forma
Pues te evitas
Todos los problemas
Asociados
Así que muy buena
Es muy buena idea
Ya lo digo yo
¿Recomiendas instalar
Node como dependencia?
No
Node no la tienes que instalar
Como dependencia
En el Package JSON
¿Mañana empieza el curso de Node?
No
No hacemos curso de Node
Empieza el curso de Next.js
Este mes
Pero tengo que decir
Todavía qué día lo hacemos
Vale
Estoy pensando
A ver
Qué más necesitamos
A ver
Qué cositas más
Tengo por aquí
Ah
Hombre
Hombre
Tengo que probar
Claro que sí
No se me olvide
Mi querido Ranji es
Mi querido Ranji es
Eso
¿Cómo puedo cambiar
El tema de Ubuntu?
Que me habéis dicho
Unos cuantos
FNM es multichell
Una terminal puede correr
Node 16
Y la otra pestaña
La 17
Claro
Por supuesto
Pero eso también lo hace
NVM
A ver
Tuve la suerte
De vivir en Alemania
Una pasada en un día
Tenía cuenta bancaria
La verdad es que Alemania
Es otro rollo
Hice las cuentas
Si factura 5.000 euros
Al mes reciente
Sale a cuenta
Vivir en Andorra
5.000 euros al mes
5.000 euros al mes
Mucho dinero
Los devs somos pobres
No hombre
A ver
Somos afortunados
Las cosas como son
No seamos tampoco
Yo creo que
Somos afortunados
Los desarrolladores
Y las desarrolladoras
Tenemos mucha suerte
De trabajar
En lo que trabajamos
Y también la oportunidad
De conseguir trabajo
En remoto
Que por cierto
El otro día
Me llegó una oferta
Que
Que me llega a llegar hoy
Me llega a llegar hoy
Y
Y
Y la
Y vamos
Le digo que sí
Sí claro
Son afortunados
Los que tienen trabajo
Bueno
Pero incluso
Los que no tenéis trabajo
Todavía
Los que no tenéis trabajo
Todavía
Tenéis más oportunidades
Que en otro gremio
Las cosas como son
O sea
Incluso aunque no tengáis trabajo
Obviamente
Pues no es perfecto
Pero
Pero tenéis muchas más oportunidades
Que hay gente
Que no
No está
En el tema del desarrollo
O que ni siquiera ha empezado
Pues hombre
Ya tienes una ventaja
¿Crees que esa burbuja
De los devs
Va a seguir por muchos años
O es algo que va a explotar
En algún momento?
Yo creo que le quedan años
Le quedan años
Y ya veremos
Si esto explota
En algún momento
Hay
Hay años
Por delante
El software
No para
No para
Es que es alucinante
Lo del software
Es que es alucinante
Es que no para
De subir
De tener
Necesidad
Están buscando
Y buscando
Y no encuentran
Yo creo que
Que faltan años
Especialmente
La gente que tenga
Años de experiencia
Y yo creo
Sí
O sea
Los seniors
Va a ser una cosa loca
Y una cosa que veo
Que me parece muy interesante
Es que estoy viendo
Perfiles de gente
Que tiene muchos años
De experiencia
Y no
No terminan
De ser seniors
Y el otro día
Creo que lo comenté
Y
Creo que lo comenté
No que
Que había
Estaba habiendo tanta rotación
En las empresas
Que
Que
Ah mira
Ya está
Rangers
Hostia
Pero que feo es esto
Que feo es esto de
Que feo es esto
Que feo es esto
Este título
Aquí enorme
Esto se tiene que poder
Cambiar
¿No?
Solo es cambiar el tema
Vale
¿Cómo se cambia el tema?
¿Cómo se cambia el tema?
Decidme cómo se cambia el tema
¿Dónde busco el tema?
Decidme dónde se cambia el tema
Que lo quiero cambiar ya
Quiero cambiar ya el tema
Eh
Theme
Nom
Nom
Twix
Esto
Venga
¿Dónde?
Twix
Twix
Vale
Ventanas
Acoplar
Ajustar los bordes
Vale
Encima
Hay que
Foco
Mid-Def
Que
Tienes que instalar
Bueno
Esto está instalado
Esto está instalado
Solo tiene un tema
Que te descargas uno
Por ejemplo
Whitesurf
Bueno
Poneme enlaces
Poneme enlaces
Que no estoy
¿Dónde dice themes?
A ver
Barra superior
Vale
Esquina
Porcentaje
Reloj
Fecha
Vale
Esto se puede quitar
Esquina activa las actividades
Ah
Nom
Twix
Tools
Esa parte
Bueno
Pero aquí pone
Retoques
¿No?
Nom
Vale
Vale
Vale
White
Vale
Vale
Eso me ha gustado
White
Sur
Getaken
Theme
Vamos a ver este
Y si no
Nom
Look
Themes
Es increíble
La de años
Que tiene
Nome
Oh
Oh
Ojo
Ojo
Este me ha gustado
Este me ha gustado
Porque me recuerda
A Macos
Me encanta
Me encanta este
Ya está
Me ha encantado este
Va
Ya está
¿Cómo?
Quick
Uninstall
Installing
From
Source
Run
To
Install
Joder
Madre mía
Pero porque hay que hacerlo todo
Vale
¿Me recomendáis
White Sur o no?
Me están llamando
Estoy
Estoy
En directo
Mujer
Mujer
Estoy en directo
Es que está
Mi cuñao
Ha venido de visita
El hermano
De mi pareja
Ah y dejaste la llave pegada
Vale ya está
Que le tengo que abrir
Bueno pues creo que vamos a cerrar directo ya
Vamos a cerrar directo
Venga va
Cerramos directo
Pum
Cerramos directo
Es que me he dejado la llave pegada
Y tengo que
Tengo que abrirle
Y ya que estamos
Pues ya está
Y mañana pues volvemos
Aquí en directo
Y ya está
Yo terminé por quitarlo
No no
Si si
Que si
Que si
Que si
Que si
Que si
Que si