Instalación y Configuración de SAS en Visual Studio Code
Contenido del curso
Ulqernesh Karvenae
Juan Antonio Delgadillo Carrillo
Rubén Vega
Joel Dominguez Merino
Nestor Rios Garcia
Ramses jecsan
Juan David García Montenegro
Ramses jecsan
Sebastián Caraballo Marzola
Nicolas Neira
Carlos Palacios
Adan Saavedra
Ricardo Veliz Canaviri
Juan Cortez
Miguel de la Cruz
Beder Danilo Casa Condori
Cecilia Mansilla
Ariel Hernán Contini
Favio
David Santiago Gaona Rodríguez
Alan Paez
Victor V
N40 M10
Benjamin Allen Ramirez Horna
Kenneth Angulo L
Luis Angel Castillo Vega
Daniel Andres Rojas Paredes
Ramses jecsan
Cuando ejecuten el comando : .
.
muchas gracias un pequeño detalle que no sabier por que no se crearon los archios live Sass Watch Sass en esa opcio se crean los archivos
Muchas gracias por ese detalle, se me pasó completamente por alto y pensaba que el error estaba en el link de HTML con CSS. . Mis kudos
Que felicidad cuando todo funciona correctamente!
Siii, también me paso.
Tienes bien tu formaro settings.json? a mi me dice que tengo 7 problemas
Para que el CSS no te guarde en una carpeta random, cambia la ruta de guardado a esta:
"savePath": "~/../css",
Lo anterior iría en el settings.json, así siempre te va a guardar en la carpeta que es y no depende desde dónde hayas abierto el VSC 🙌😀
crees que me puedas pasar tu contenido de settings.json? a mi me aparece que tengo 7 problemas y no se como puedo solucionarlo
gracias me funciono
El proceso de Compilado
. Para hacer uso de SASS dentro de nuestro proyecto tenemos que tener en cuenta 3 puntos importantes que forman parte del proceso de compilación. .
.scss en el nombre del archivo.
.No me corre el live scss, ejecuto el comando y me sale "Not a Sass file The file currently open in the editor window isn't a sass file"
Que podria hacer?
La profe no lo específica, pero cuando abres el command palette (command + shift + P) después de escribir 'live sass' debes buscar el que dice 'watch sass'. Te tiro ese problema por que cuando pones 'live sass', la primera opción es 'check file will be included' . Espero haberte ayudado😁
Gracias
Mis apuntes.
Para trabajar con SASS:
Creo que ahí está.
Las extensiones que se descargan son:
main.scss.index.html para que apunte a main.css.Control + Shift + P, luego selecciona "Live Sass: Compile Sass".main.scss y observa cómo se generan los estilos en main.css.Me sale ese error, y no me toma el color red. alguna ayuda de porque pasa?
Hay algo raro con los vídeos de los nuevos cursos de platzi...tienen problemas de optimización de carga. si de verdad están interesados en llegar a todo tipo de personas, es importante que revean la tecnología con la que están trabajando al momento de visualizar los vídeos...sería muy bueno que le peguen una debuggeada porque no esta siendo muy efectiva la experiencia de usuario.
Luego de varios intentos me salió xd
Hola existe otra forma de iniciar en visual studio code para Sass? Lo intente y no logre que me permitiera instalar desde la terminal
no me funciona :c
he seguido la ruta y en este video hay muchas cosas nuevas que no se explicaron
3:08 de donde apareció esa consola y los comandos usados
5:30 que es un archivo json
6:20 que es un boilerplate
Todo iba bien hasta que apareció Live Sass compiler.
todo salio bien que bendicion aaah
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SAS 101</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body></body>
</html>
ok
me pasa algo extraño, arranco el sas y mientras escribo el .scss todo parece normal en el output me salen los errores que cometo al escribir, sin embargo cuando abri el prollecto en el navegador y vi que los estilos no se estaban aplicando a pesar de que la hoja estaba bien enganchadoa fui a revisar el main.css y me encontre conque solo tenia una de las clases. pero nisiquiera tiene un codigo con sentido adentro aca mi codigo de esa clase en sass:
.info{ background-color: $info-background-color; p{margin: 4px; padding:4px; font-size: 0.75rem; color: $description-color; text-wrap: wrap; } button{background-color: $button-color; color: $button-text-color; font-size: 1rem; border-radius: 8px; } } ```y aca lo que me aparece en el main ```js .info { background-color: info-; }/*# sourceMappingURL=main.css.map */ ``` y no me aparece ningun error en mi archivo de sas que justifique esto, ya revise la configuracion del punto json, y no parece tener nada extraño. no se que hacer o por donde buscarle?
Alguien me pueda ayudar por que en mi formato settings.jason me sale esto? y como lo puedo solucionar espero y me puedan apoyar, gracias