Instalación de herramientas de compilación

8/42
Recursos
Transcripción

Aportes 58

Preguntas 13

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Visual Studio Code es la revolución en editores desde hace unos años.

Hay una extensiòn que se puede instalar en visual Studio Code llamada “LIve Sass Compiler”, me parece buena y facil de usar.

En lo personal no me gusta usar prepros prefieero terminal asi mi pc no esta ocupado renderizando interfce grafica de prepros etc

Para SASS yo uso live sass compiler

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

Si no quieren instalar ese programa, dentro de VsCode ya existe una extensión que hace todo esto, les dejo el link:
https://marketplace.visualstudio.com/items?itemName=Wscats.eno

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 ?

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/

Yo utilizo Live Sass Compiler que es una extensión de Visual Studio Code, muy buena

=0, como en la cancion, prepros lo escuche por ed.team pero es la primera vez que lo usare :3

Hay extensiones para visual studio code?

para instalar el app en linux fuera de la tienda de software. Hay que instalarlo manualmente:
En mi caso ubuntu.
Hay que abrir la terminal donde se encuentra alojado el archivo descargado y escribir
sudo dpkg -i nombre_del_archivo.deb
y listo

Estoy muy emocionado con este curso! me encanta todo lo que estoy aprendiendo y además, el profesor explica muy bien!! 😻😻😻😻

Prefiero hacerlo desde mi terminal, pero para este curso voy a probar prepros y luego vere si se hace mi herramienta (lo más posible es que sí)

Ya tengo instalado Visual Studio Code y Prepros 🙌🏻 Ahora si se viene lo chido 😄

Hola que tal, no es necesario instalar prepros, en vs code tienen unas extenciones llamadas live compilation y compile hero

¿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:

.
Ahi solo arrastran la carpeta que tenga su proyecto y listo

Mi recomendacion como estudiante novato en la programacion es comenzar a compilar en la terminal! cuando ya sepas hacerlo entoces si puedes probar el uso de una interfaz grafica como lo es prepros y otros! asì al momento de ir al campo laboral ya sabes usar las 2 !

Visual Studio Code es groseramente potente, antes usaba Atom y desde que me cambié la mejora es brutal (ojo 👀) no estoy diciendo que Atm es malo.

Personalmente la combinación entre Prepros y Vs Code me va muy bien

ready!

no conocía la herramienta prepros.😮 se ve genial

después del curso de Sass decidí comprar prepros por 30 dolares y créanme que vale la pena

Prepos era justo lo que buscaba! Gracias

Vamos a probar Prepros. 😃

Prepros es un excelente herramienta, llevo trabajando con el por 4 años sin ninguna queja.

Visual estudio code tiene una extensión llamada Sass/Less/Scss/Typescript/Javascript/Jade/Pug Compile Hero Pro que sirve para compilar de forma automática todo

Aporte al curso:

En este curso usaremos el compilador llamado Prepros y sus particularidades que pudimos ver en esta clase fueron:

  • Tiene una pestaña llamada Log, en el cual te indicará el error que ha tenido en la compilación, con línea de código en específico. Lo cual te ahorrará tiempo de búsqueda sobre el código que tengas errado.

  • Te permite tener tu propio servidor web disponible, lo cual es muy útil porque autorecarga la página, y evita tiempos muertos o ineficientes actualizandola de modo manual.

  • Network preview: This feature, este rasgo permite visualizar tu proyecto en dispositivos móviles por medio de un código QR con un enlace web.

Visual Studio Code es la revolución en editores desde hace unos años.

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.

Saludos pueden usar Live Sass Compiler en Visual Studio Code lo buscan en extensiones.

Visual studio code es muy versatil

Interesante 😄 vamos por mas

Hola, cuando descargo prepros 7 el PC no me deja, dice que ese programa supone riesgos en mi PC. Es normal? a alguien más le sucede lo mismo?

prepos 😃

Nunca imaginé una herramienta tan versátil, ya quiero empezar a utilizarla

Intentaremos con el Live saas a ver que tal y si no vamos por prepros a ver como funciona

Me parece interesante la opción de Prepros de acceder al live server desde un dispositivo mediante un QR. Parece bastante práctica. Llevo un tiempo usando Prepros y recién lo descubro

descargando herramientas…

Excelente herramienta que desconocia y se ve muy interesante 😮

Que excelente herramienta.

notepad ++

super herramientas

Creo que lo intentare primero en terminal

Interesante. Instalado Prepros.

continuemos 😄

Siempre he usado la terminal. Pero vamos a probar prepross para ver que tal va

Wow muy buenas herramientas! 😄

Interesantes, a darle 😄

Nervioso, primera vez trabajando con Compiladores.

excelentes herramientas, listo para aprender mas

Probaremos CodeKit

prepros-vs-webpack

genial utilizar webpack pero falta el curso en platzi

excelente herramienta

Visual Studio es una maravilla!

j