Clase 8 de 42 • Curso de Preprocesadores CSS
Contenido del curso
JUAN SEBASTIAN RODRIGUEZ JIMENEZ
JUAN SEBASTIAN RODRIGUEZ JIMENEZ
JUAN SEBASTIAN RODRIGUEZ JIMENEZ
Marianela Ruiz depablos
Miguel Giraldo Duque
Juan David Vanegas Roldán
Juan David Avila Caycedo
Kevin Morales
Bernardo Aguayo Ortega
Aldo Miguel Ortiz Parodi
Andrés Madrigal
Cristian Orozco Benjumea
Carlos Miranda
Miguel Giraldo Duque
Platzi Team
Enrique Devars
Andres Velasquez
Eduardo Rodriguez Yapur
Christian David Sánchez
Maricruz Pizaña Solano
Andrés Osorio
Anderson Josué Oroya Silva
Gonzalo Pimentel
Mauricio Bustos
Miguel Angel Lozano Alvarez
Veronica Edith
Carlos Rafael Córdova Flores
Danilo Fernandez
Victor Marquez
Kamerr Ezz
Jhonatan David Ibarra Lavado
Anthony Quintero
Brayan Ramirez Alzate
Fernando Juarez Baca
Brayan Ramirez Alzate
Carlos Esteban Lara Gil
Israel Elias Manjarrez Quimiz
Irving Juárez
Jheyson Eduardo Galvis Valencia
Joel Dominguez Merino
Andrés David Loaiza Zamudio
Visual Studio Code es la revolución en editores desde hace unos años.
PARA COMPILAR PUG Pug no es html por lo tanto tenemos que convertirlo para que el navegador lo entienda. Para compilarlo tenemos "2" opciones:
Hay una extensiòn que se puede instalar en visual Studio Code llamada "LIve Sass Compiler", me parece buena y facil de usar.
Gracias!
Pero esta sirve para compilar PUG?
En lo personal no me gusta usar prepros prefieero terminal asi mi pc no esta ocupado renderizando interfce grafica de prepros etc
Es cuestión de gustos, creo que la terminal es la mejor opción también.
también x3 la terminal
Si no quieren instalar ese programa, dentro de VsCode ya existe una extensión que hace todo esto, les dejo el link:
graciaaaaas
Para SASS yo uso live sass compiler
con eso ya no es necesario prepos?
@Carlos Usar prepos es una herramienta que esta mas especializada para el trabajo de preprocesadores , no obstante con esa extension de visual studio podrás trabajar muy bien los preprocesadores , pero en mi opinion yo te recomendaría usar la extension del visual
Vaya no conocía la herramienta prepros, pero veo muchos compañeros indicando que seria mejor la terminal, aun así desconozco los pasos, de pronto hay algún curso que me ayude a familiarizarme mas ?
Hola, te recomiendo el curso de SASS, ahí también usan prepros :)
No sabia del curso de SASS, lo tomaré!
Tuve problemas instalando la versión 6 de Prepross, el instalador se cerraba sin ningún motivo. La versión 5 instaló de forma normal y el instalador lo pueden encontrar en el siguiente enlace para los que tengan el mismo problema: https://prepros.io/help/faq
gracias. Lo tendré en mente.
Gracias
Personalmente recomiendo el comando (en Linux) para compilar sass en vivo:
sass --watch scss:css
Siendo scss la carpeta donde tengo los archivos .scss y css la carpeta donde se almacenarán los archivos .css compilados, de esta manera se compilará automaticamente al detectar cambios en el archivo .scss. En caso de no contar con sass instalado, puedes hacerlo con el comando:
npm install -g sass
Cabe aclarar que con Visual Studio Code, puedes instalar la extensión Live Server; y habilitar la opción de Autosave en la pestaña File o Archivo; de esta manera guardará automaticamente cada vez que detecte un cambio, y se refrescará automaticamente en el navegador, y como tenemos el comando de sass activo en terminal, simultaneamente compilará el css. También quiero aclarar que con la extensión Live Server puedes acceder a tu página desde cualquier dispositivo, siempre y cuando estén conectados a la misma red, mediante la IP privada de tu laptop. Por ejemplo, suponiendo mi ip privada es 192.168.1.50, en el navegador de mi smartphone ingreso 192.168.1.50:5000, siendo este último número el puerto que se activa al usar live server, (Al activarlo en visual studio code te mostrará el puerto) y de esta manera podrás ver en vivo tu página en cualquier dispositivo.
Les dejo extensiones de VS CODE para usar SASS
Para los que usan Ubuntu, acá les dejo un tutorial para que instalen Prepos en Ubuntu. Primero descarguen el paquete para Linux-Debian desde su página web oficial y luego siguen los comandos del tutorial. https://tutorialforlinux.com/2019/04/06/how-to-install-prepros-on-ubuntu-18-04-bionic-lts/
es exactamente lo que buscaba
Hay extensiones para visual studio code?
Visual Studio Code es la revolución en editores desde hace unos años.
Yo utilizo Live Sass Compiler que es una extensión de Visual Studio Code, muy buena
Gracias.
disculpa cual es la funcion de esa extencion?
=0, como en la cancion, prepros lo escuche por ed.team pero es la primera vez que lo usare :3
si igual, pero es super chevére :D
ed team es una muy buena plataforma, lastima que tengan que competir con el gigante que es platzi.
Prepros no me deja exportar ninguna carpeta almacenada dentro del wsl, pone unable to add project, pero si la carpeta esta por fuera del wsl si me deja, ¿ se puede arreglar? 
También tuve ese problema, y mejor decidí instalarlos desde la consola. En la documentación viene la info o en los comentarios de la comunidad puedes encontrar como realizarlo.
fernando eso también lo intente pero me sigue dando errores
Hola que tal, no es necesario instalar prepros, en vs code tienen unas extenciones llamadas live compilation y compile hero
gracias por la info amigo
¿Es seguro instalar prepros?
Cuando instalas prepros, te va a salir una advertencia que Windows no dejo que se instalara. Esto es normal y solo tienes que buscar un botón que diga Mas información e Instalarlo de todos modos.
.
Es seguro, y les saldrá una interfaz como la siguiente:
Vamos a probar Prepros. :)
Ya tengo instalado Visual Studio Code y Prepros 🙌🏻 Ahora si se viene lo chido :D
Intentaremos con el Live saas a ver que tal y si no vamos por prepros a ver como funciona
