CONSEJO: Compila SASS Automaticamente en Visual Studio Code

Поділитися
Вставка
  • Опубліковано 30 січ 2025

КОМЕНТАРІ • 214

  • @FalconMasters
    @FalconMasters  5 років тому +27

    Dale manita arriba al video si te gusto y para mas videos de diseño web. 👍
    PD: La próxima semana se viene el súper tutorial del formulario de tarjeta de crédito, con animaciones, con validaciones y Javascript.

    • @ezq2604
      @ezq2604 5 років тому

      Hola como estas? saludos desde venezuela, me gustaria saber si hay alguna forma de editar, cargar y modificar una galeria de imagenes en una pagina web ya realizada, que tenga un usuario y contraseña, y que solamente esa persona pueda ver iconos que al darle click puedas subir esa foto y reemplazarla por la otra

    • @FalconMasters
      @FalconMasters  5 років тому +3

      @@ezq2604 Hola, claro se puede hacer. Casi cualquier cosa que te imagines se puede hacer hoy en día en el desarrollo web.
      Eso por ejemplo lo harías con PHP y Javascript en su mayoría.

    • @ezq2604
      @ezq2604 5 років тому

      @@FalconMasters tu crees que estés en la posibilidad de hacer un vídeo de cómo hacer esto?

    • @ADR63825
      @ADR63825 3 роки тому

      Amigo, eres un crack, ahi va suscribe. Abz

  • @italo.buitron
    @italo.buitron Рік тому +1

    Usenme como boton para actualizar sus cursos de HTML, CSS, FLEX, GRID.
    Me he recorrdio muchos cursos, y hasta ahora es lo mejor de lo mejor.
    Simple, conciso.
    Gracias!

  • @JLunaRose
    @JLunaRose 4 роки тому +1

    Estoy iniciando con SASS y este video es justo lo que buscaba.
    Tu tono de voz es perfecto, explicas excelente, todo es demasiado claro.
    Nueva suscriptora por aquí ¡Gracias!

  • @EduartSantamaria
    @EduartSantamaria 3 роки тому +21

    Deberías tener una actualización en tu curso de Diseño, tuve que venir aquí para saber cómo es todo en Visual Studio Code 😬 Fuera de eso el vídeo está perfecto y se entiende ¡Gracias!

  • @JonatanFajardo
    @JonatanFajardo 4 роки тому +1

    tengo años de seguirte y lo que mas me gusta es que siempre estas actualizado, gracias por los videos

  • @juliandavid7025
    @juliandavid7025 3 роки тому +1

    excelente video muchas gracias, tenia problemas para compilar sass desde gulp en la terminal y esto me soluciono todo, gracias!!!.

  • @elen2ne1
    @elen2ne1 2 роки тому

    mil gracias, ya andaba tirando la toalla jajaja, pero ya gracias a ti ya me quedo todo mucho mas claro

  • @edwarddk9007
    @edwarddk9007 Рік тому

    sos un crack me estaba complicando con tener que instalar node o manejar líneas de comandos pero me salvaste, recalcar que de todas maneras aprenderé líneas de comando pero por ahora para no complicare esta bien

  • @jorgeberumen4566
    @jorgeberumen4566 3 роки тому +1

    AMEEEE, VENGO DETU CURSO EN UDEMY, MUY BUENO, CARLOS. :)

  • @ludmilaquintana2627
    @ludmilaquintana2627 2 роки тому +1

    Me salvaste realmente !!! mil gracias por la ayuda, no estaba pudiendo compilar con el programa que me recomendaron y me diste la solucion mas sencilla ♥

  • @emmanuelcutipamamani2636
    @emmanuelcutipamamani2636 4 роки тому +2

    Falcon Masters llevo tu curso, me parece genial que se pueda compilar desde visual estudio code pero en estilos.scss porque no se puede escribir un código más ordenado por ejemplo sin ; y { } que en sass ya no se utiliza eso.

  • @DiegoGutierrez-gu5ui
    @DiegoGutierrez-gu5ui 4 роки тому

    Me volaste el cerebro con este mega video..... Gracias Falcon de verdad que con este video comenzaré de lleno con Sass..... excelente tutorial. 💪🤓📈💯👨🏻‍💻🔥

  • @TecnoTubeTutorials
    @TecnoTubeTutorials 5 років тому +9

    Este video me ha venido de lujo saludos

  • @arelyreyes2531
    @arelyreyes2531 Рік тому

    Muchisimas gracias amigo, tenia hrs que no me daba y no se copilaba nada
    muchisimas gracias amigo, ahora voy a consumir mas tu contenido
    GRACIAS!!!!!!!!

  • @narushi1940
    @narushi1940 4 роки тому

    Excepcional
    explicación y enseñanza. Siempre gracias. Si sigues así todo el mundo sabrá programar.

  • @xantosromero
    @xantosromero 4 роки тому

    Gracias infinitas Carlos Arturo. Estoy empezando a usar SASS y este video me cayó como anillo al dedo. Gracias totales 🤝

  • @kevinpaniagua4385
    @kevinpaniagua4385 4 роки тому +1

    Justo voy por esta parte en tu curso de UDemy entonces me viene de maravilla , muchas gracias !

  • @engelmetz7394
    @engelmetz7394 2 роки тому

    Hola! Respecto a lo que mencionan en este video con las opciones del Live Sass Copiler, en particular con la opción del formato, al poder crear los archivos CSS en formato comprimido, ya no es necesario instalar la extensión de CSS-Minify?

  • @andreszabala9178
    @andreszabala9178 4 роки тому +1

    Amigos, tengo una consulta que hace días estoy intentando resolver y no puedo. Trabajo con la extensión hace rato y sin problemas, pero pasó que desde la última actualización de VisualCode ya no me aparece el "Watch Sass". Intenté desinstalando e instalando las extensiones y también probé desinstalando e instalando VisualCode pero sigo con la misma situación.

  •  5 років тому

    Excelente vídeo, Carlos. Ya actualizaremos estos conocimientos para generar nuestros códigos más limpios y más amenos posible, para así aprender a ser mejores programadores webs.
    Un saludo y muchas gracias por volcar tus conocimientos con nosotros.

  • @CarlainColonia
    @CarlainColonia 4 роки тому

    Hola yo uso dotnetnuke y justamente tengo un theme (dnn-theme-bootstrap4-instant-04.10.00) que no me cambia los colores, me tirar error al clickear whatch saas, me podrias pasar un correo para enviarte la captura?

  • @jimmycronos6351
    @jimmycronos6351 2 роки тому

    bro, fuiste mi salvacion, ahora tienes un nuevo sub.
    gracias

  • @CRamirezBedoya
    @CRamirezBedoya 4 роки тому +4

    Llegue a este video por que estoy en la clase de udemy donde instalas sass pero para sublime text y yo tengo visual code :)

  • @estherpereira2518
    @estherpereira2518 Рік тому

    Muy ÚTIL y fácil de entender y aplicar. GRACIAS.

  • @narushi1940
    @narushi1940 3 роки тому

    Impresionante, excepcional, magnifico, fascinante, grandioso, fenomenal, asombroso, increíble, sorprendente, sensacional, alucinante, fantástico, extraordinario, espléndido, maravilloso, súper, estupendo, hermoso, formidable, majestuoso, descomunal, brutal, admirable, flipante, impactante, genial, grande, pasmoso
    encantoso, gustoso, bestial, exorbitante, enorme, perplejante, brillante, tremendo etc, etc etc. Claro y comprensible.

  • @daniroman2056
    @daniroman2056 3 роки тому +1

    Gracias por tus videos y recursos, Alguien sabe porque en visualStudio (Ubuntu) el icono de wach my sass no aparece tras la instalación de estos plug-ins??? Muchisimas gracias si alguien me puede ayudar

  • @jhonjairomurciaramirez9623
    @jhonjairomurciaramirez9623 4 роки тому

    Muy buena esa, me ayudo un monton, antes usaba koala pero muchas veces me lanzaba un error que no sabia como arreglar y me tocaba hacer un nuevo proyecto desde 0, como esto ahora me ahorro mucho, gracais

  • @andymanuelreyesdelrosario4178
    @andymanuelreyesdelrosario4178 5 років тому

    Ok no he terminado de ver video, pero me acuerdo de cuando hiciste el video de como configurar VS Code instalaste una extención (plugin) de sass el cual me generó mucha curiosidad cuando lo prove me gusto mucho ya que eso de compilar sass en la consola de ruby era algo un poco tedioso y que el mismo editor de código lo haga el mismo me parece genial, desde entonces siempre uso sass en mis prácticas y proyectos debido a eso he aprendido mucho a usarlo
    Saludos de Rep. Dominicana ✌🏾

    • @FalconMasters
      @FalconMasters  5 років тому +1

      Es cierto, trabajar con SASS en ruby puede ser un poco feo. Me alegra mucho que uses SASS en tus proyectos, es genial!
      Saludos!

  • @alexadictiva
    @alexadictiva 3 роки тому

    Excelenta, rápido y facil, sin tener q estar descargando Livereload a la pc, o que si Ruby y cosas raras.., excelente video

  • @teveoenlaweb
    @teveoenlaweb 3 роки тому +1

    Excelente datos Falcon, muchas gracias, migrando de brackets Visual Studio Code.

  • @MimiBeltran-r6d
    @MimiBeltran-r6d 2 місяці тому

    muy bueno, de paso agradecería que actualices tu curso de diseño web vengo de ahí porque no pude hacerlo gracias

  • @Lyanxd
    @Lyanxd 3 роки тому

    Está tan bien explicado que me tuve que suscribir

  • @Belforish
    @Belforish 3 роки тому

    Muy buen video, muy bien guiado en la descarga de los archivos, pude entender todo y seria bueno realizar mas videos con ejemplos de todo el lenguaje de SCSS y todos lo que ello implica. Una vez más felicitaciones por tu trabajo muchas gracias.

  • @Iuris2k1
    @Iuris2k1 4 роки тому

    La verdad sensacional, muy bien explicado, te felicito. Saludos desde Argentina.

  • @DiegoGutierrez-gu5ui
    @DiegoGutierrez-gu5ui 4 роки тому

    Falcon la opción de autoprefix no la tengo configurada, que opción debo colocar?

  • @cristianalvarez5169
    @cristianalvarez5169 3 роки тому

    Hola Falcón agradeciendo por tu infinita ayuda tengo una duda que no logro responder, y es como puedo compilar saas atraves de la terminal git Bash? Es decir colocó saas --watch saas:css pero supongo es porque no he descargado saas previamente ahora mi pregunta cómo descargo saas para la terminal git Bash específicamente?

  • @jorgemejias9339
    @jorgemejias9339 4 роки тому

    me pasa algo con sass y es que cuando trabajo con varios archivos lo hago separado y un archivo principal donde importo los demas, pero cuando modifico alguno y guardo el cambio no se ve reflejado hasta que guardo tambien el del import.

  • @maxigarrett3121
    @maxigarrett3121 3 роки тому

    Yo utilzaba gulp para cosas pequeñas esto me sirve gracias. Aunque creo que donde se trabaje con dos carpetas distintas, una para codigo sass pug etc y compilar a otra carpeta a lenguaje puro ésto ya no sirve. Creo jaja. Abría que utilizar otros pre procesadores como el que mencioné que es gulp

  • @gonzalobenjamin1652
    @gonzalobenjamin1652 3 роки тому

    Hola Carlos quiero hacer una consulta estoy teniendo un problema con el tema de la extensión
    .sass en visual , estoy haciendo tu curso desde udemy , pero por alguna razón no me compila
    Con scss no tengo problema pero si tuve problema a la hora de importar un archivos en específico el de _generales.scss. Al layout.scss que no me funciona el importar

  • @piraguazu21
    @piraguazu21 3 роки тому +1

    Hoy Oct 21 La version 3.0.0 (año 2018) de Live Sass Compiler de Ritwick Dey esta con problemas de sobrecarga de la CPU aparentemente, encontré otra de Glenn Marks que es lo mismo pero mas actualizada (08/2021)

    • @sorcerereye
      @sorcerereye 3 роки тому

      Correcto, la original ya no tiene mantenimiento. La nueva de Glenn Marks utiliza *Dart Sass* de base, o sea, es más rápida y tiene las últimas funcionalidades de Sass

    • @sorcerereye
      @sorcerereye 3 роки тому

      Además, la desliga de Live Server, de tal manera que uno puede utilizar extensiones mejores como *Live Preview* que muestra los cambios _en tiempo real_ de la página web, mejor rendimiento y tiempo de arranque en el VS Code o VS Codium, entre otras ventajas

  • @panchitox-xx3vw
    @panchitox-xx3vw 6 місяців тому

    Hola como estás? Sabes me ayudo mucho tu video con mi primer proyecto en Sass pero cuando quise comenzar el segundo, llegando al punto de compilar un nuevo archivo, seguia compilandose el archivo antiguo. ¿Que se hace en esos casos?

  • @ticbol8289
    @ticbol8289 3 роки тому

    Genial!!! Una pregunta falcón!si ya tengo un proyecto empezado puedo implementarle sass si ya tengo una carpeta css?gracias!!

  • @nicolaspelle6983
    @nicolaspelle6983 2 місяці тому

    Mil gracias, me estaba volviendo loco con npm y gulp file !!

  • @hectorortega6654
    @hectorortega6654 5 років тому

    Muy buena opción, yo había estado batallando con Koala, no me estaba queriendo funcionar por lo que estaba trabajando directamente con css, pero ahora ya podré volver a usar sass. Muchas gracias, excelente video.

    • @FalconMasters
      @FalconMasters  5 років тому +2

      Estupendo, sass es genial, espero que esta opción te sirva.

  • @Princesadas
    @Princesadas 4 роки тому

    Como siempre un Master, es un placer disfrutar tus clases.. Saludos

  • @luis.alainn
    @luis.alainn 3 роки тому

    que tema de VSC utilizas?

  • @luisbarnabo
    @luisbarnabo 3 роки тому

    Falcon haciendo esto con el live server si se ve pero si quiero levantar la aplicacion desde netbeans no, como lo puedo arreglar?

  • @arturobecerra8440
    @arturobecerra8440 3 роки тому

    definitivamente, el mejor gran video

  • @agustinbaigorria7032
    @agustinbaigorria7032 3 роки тому

    Cheto gracias amigo me ahorraste dolores de cabeza

  • @amaurysotogaray7598
    @amaurysotogaray7598 4 роки тому

    Excelente video, siempre el tío Falcon !

  • @TheShufflePlayers
    @TheShufflePlayers 5 років тому +29

    3 clicks y Sass! tu código se compila automáticamente.
    Perdón, tenía que hacerlo jiji

    • @FalconMasters
      @FalconMasters  5 років тому +3

      Hasta menos, con solo presionar Ctrl + S ya lo compilas.

  • @alcidescaballerocarreno8954
    @alcidescaballerocarreno8954 3 роки тому

    que bueno muy genial y desearía que sacara un video de como solucionar los errores al instalar gulp-sass para hacer trabajo colaborativo

  • @SuperSebasmarin
    @SuperSebasmarin 5 років тому +1

    Muy buen video lo felicito. Usted produce contenido de muy alta calidad. Gracias

  • @julioflores6387
    @julioflores6387 Рік тому

    Hola, soy un amateur con esto de sass y la verdad estoy trabajando un proyecto independiente; el problema que tengo es que no se de que forma el VSC me podría generar un map ya que dependo de ese sass para que compile los estilos dentro de la carpeta CSS, no se como plantearlo y ya que soy nuevo en esto no se si existe algo como un blog donde les pueda mostrar mis archivos completos, espero que me puedan ayudar, muchas gracias de antemano.

  • @juanmartinaliaga6368
    @juanmartinaliaga6368 3 роки тому

    Un saludo Maestro, me fue de ayuda tu video te dejo el like.

  • @edwinaguilarariza1
    @edwinaguilarariza1 4 роки тому

    justamente estoy en tu cuso de desarrollo web y hay lo haces con sublime text ,yo estoy trabajando con visual studio code . ahora no se que hacer si hacerlo como esta en el curso o seguir los pasos del video . de todos modos gracias

  • @wendyherreradealba7194
    @wendyherreradealba7194 2 роки тому

    hola Carlos Arturo, por fa ayúdame, es que no se me están generando esos archivos css, se queda en "Watching..." y la pagina no carga los estilos de bootstrap

  • @DevaPath_IV
    @DevaPath_IV Рік тому

    Holaa, estoy en main.scss y main.css no compila aunque tenga el watching sass

  • @javierzalazar3356
    @javierzalazar3356 4 роки тому

    @FalconMasters, consulta, es recomendable compilar de esta forma cuando trabajo con multiples archivos scss?? o es mejor siempre desde la terminal ??

  • @alejandranavarrozuleta5370
    @alejandranavarrozuleta5370 3 роки тому

    que crack que sos!!!! gracias, tu video me ha ayudado

  • @fernandopioli1230
    @fernandopioli1230 4 роки тому

    EXCELENTE CARLOS ARTURO!!!! como siempre! GRACIAS!!!!!

  • @joseflores-cx5ld
    @joseflores-cx5ld 4 роки тому

    buen video, no tocaba codigo hace mucho me ayudo.

  • @gatocontennizssport1
    @gatocontennizssport1 3 роки тому

    UFF , Gracias hermano, saludos desde Colombia, porfin pude hacer que me compilara pero en otra carpeta...

  • @Saudavelpro
    @Saudavelpro 5 років тому

    Então não há necessidade de instalar Ruby ou Sass no meu Pc? Basta que use a extensão do VsCode?

    • @FalconMasters
      @FalconMasters  5 років тому +1

      É isso mesmo, não é mais necessário instalar o SASS no computador. Graças a esta extensão.

  • @davidvalencia6597
    @davidvalencia6597 4 роки тому

    Porque cuando ejecuto la extension no me crea los dos archivos .css y .css.map?

  • @jesusenriquefigueroagutier2750
    @jesusenriquefigueroagutier2750 4 роки тому

    gracias amigo de verdad me funciona tenia problema con el método antiguo esto me sirvio mucho gracias

  • @jesusenriquefigueroagutier2750
    @jesusenriquefigueroagutier2750 4 роки тому

    Hola de verdad que me funciono por que tenia problemas la terminal me compilo si, pero una sola vez y tenia que poner a compilar de nuevo si tienes alguna solucion a eso y puedes explicar te lo agradeceria mucho gracias muy bueno el video.

  • @nicolasf.9139
    @nicolasf.9139 5 років тому

    Hola ! Con extencion .php funciona?

  • @marcoa.garciaguerra5663
    @marcoa.garciaguerra5663 4 роки тому +2

    Por que cambiaste de trabajar con .sass a .scss ? Excelente vídeo!!!

  • @jesusdavidhernandez9228
    @jesusdavidhernandez9228 4 роки тому

    Excelente muchas gracias por la información de SASS!

  • @kebynruiz4216
    @kebynruiz4216 4 роки тому

    agregue la ruta donde quiero que me guarde el archivo compilado pero no me aparece el map de ese archivo

  • @fjaniravasquez5333
    @fjaniravasquez5333 2 роки тому

    Hola, me puede ayudar con un problema en el diseño de una web, por favor.

  • @benjamindomador1074
    @benjamindomador1074 3 роки тому

    Bro, cómo le ponto el nombre al archivo compilado ?, me refiero, cómo hago que mi archivo css se llame como yo quiero al compilarlo ?

  • @shinigami0003
    @shinigami0003 4 роки тому

    Eres de los mejores maestros!

  • @geraldoalfredocabrerapuent285
    @geraldoalfredocabrerapuent285 4 роки тому +1

    a la hora de cambiar el formato todo bien lo anterior pero esa parte a mi me falla

  • @richardlasso2010
    @richardlasso2010 4 роки тому

    Amigo, yo manejo los archivos de SCSS en un archivo llamado main.scss donde importo los otros archivos... al momento de guardar algún cambio me toca tambien guardar en el archivo main.scss, sabes como podria solucionar eso?

  • @edwardnoyola1919
    @edwardnoyola1919 5 років тому

    Que host utilizas para tu blog???

  • @progmell
    @progmell 3 роки тому

    Al fin, este es el que me funcionó.

  • @harrinsonA
    @harrinsonA 5 років тому +5

    Para los que no saben como se hace, lo de las ventanitas al lado y lado del escritorio. en el min 4:06 jejej Un buen dia un instructor norteamericano dijo el secreto: Pulsas la tecla Windows y las flechitas del teclado . Yo no lo sabia jejeje Ya se que muchos si, esto es solo para el que no sepa! jajaja

  • @guersomfalcon7544
    @guersomfalcon7544 4 роки тому

    Gracias por el video. Tengo una pregunta, ¿Para qué sirve el archivo estilos.css.map?

  • @lgbt-lta3892
    @lgbt-lta3892 3 роки тому

    Tengo una pregunta, en que lenguaje se programan las cookies o como las incluyo en mi web

  • @harrinsonA
    @harrinsonA 5 років тому

    Hola Carlos Arturo, yo he visto muchas configuraciones para trabajar con sass en la terminal. Nos podria ud enseñar cual es la que ud utiliza?

  • @TheRhapsodo
    @TheRhapsodo 4 роки тому

    Excelente video, tengo una duda cuando uso modulos no logra compilarlo correctamente, por ejemplo en el archivo principal sass pongo
    @use 'fondo';
    el el archivo _fondo.scss, ingreso todo el codigo
    y a la hora que compila el archivo css se queda con esta linea generada @use 'fondo'
    como puedo solucionar esto para usar los modulos

  • @cristianotero588
    @cristianotero588 2 роки тому

    Muchas gracias justo lo que necesitaba

  • @josearmandodeleonuz8897
    @josearmandodeleonuz8897 2 роки тому

    No me aparece la extension de SASS en la parte de abajo

  • @rodo200__
    @rodo200__ 5 років тому

    y como deshabilito el autoprefix

  • @AlejandroJuarez-vl8sl
    @AlejandroJuarez-vl8sl 2 роки тому

    Muchisimas gracias bro, en verdad me salvaste y me fuiste de muchisima ayuda !!! GRACIAS GRACIAS GRACIAS !!!

    • @FalconMasters
      @FalconMasters  2 роки тому

      Me alegra mucho que así fuera. Gracias a ti por ver mi video.

  • @cristianguzman1669
    @cristianguzman1669 4 роки тому

    Muy buen video. Muchas gracias por el aporte!!

  • @maximilianomino493
    @maximilianomino493 4 роки тому

    Una pregunta. Si tuviera que trabajar en un proyecto mas grande, debería restaurar la configuración? O no le afecta quedar así?

  • @arturobattistini6256
    @arturobattistini6256 3 роки тому

    alguna extensión parecida pero para pug (compilador de html?)

  • @edustreamimg
    @edustreamimg 3 роки тому

    para que se usa el archivo .map?

  • @jhondariksonguerreroarguel1986
    @jhondariksonguerreroarguel1986 3 роки тому

    Hummm Antes de ver este video ya había visto el micro curso y tuve que instalar Node.js y Sass luego y ahora se que no era necesario ._.. Bueno nt Un buen video y Gracias por enseñarnos a todos :D

  • @MiloCGvid
    @MiloCGvid 3 роки тому

    Pregunta: Funciona trabajando no con .SCSS sino con .SASS? Estoy intentando vincular pero parece que no aceptara ese modo de escritura.

    • @sorcerereye
      @sorcerereye 3 роки тому

      Funciona con ambas extensiones de archivo

  • @cesarsalazar5932
    @cesarsalazar5932 Рік тому

    como siempre, muy buen tutorial

  • @YDMarco07
    @YDMarco07 3 роки тому

    hay como trabajar sin llaves en visual code?

  • @eduardochx_
    @eduardochx_ 5 років тому

    Que chulada!! Gracias por este video.

  • @LUARLOBO
    @LUARLOBO 4 роки тому

    Gracias, me ha servido de mucho tu explicacion. Muy buen video

  • @anzonyend
    @anzonyend 4 роки тому

    Hola amigo de @falconMaster he visto varios tutoriales tuyos de SASS, pero me queda una duda
    ¿Cómo debo trabajar un proyecto de Wordpress que tiene integrado bootstrap 4 y CSS al que quiero convertir a SCSS ?
    Debo descargarlo en local y ahi hacer los cambios o es mejor hacer los cambios en el servidor?
    PD: Me gustan mucho tus tutoriales ;)
    Muchas gracias de antemano !

  • @betgani
    @betgani 4 роки тому

    Algo similar para LESS?

  • @eliexeru.garcia3149
    @eliexeru.garcia3149 5 років тому

    Genial sería bueno subir videos para uso de extensiones