Extensão Live Sass Compile | SASS: CSS sintaticamente espetacular

Oi Alex, como vai?

Desculpe a demora em responder! Ao ativar o Live Sass Compile utilizando o "LiveSass: Watch Sass" que pode ser encontrado na aba de pesquisa por meio do atalho "CTRL +SHIFT +P", criamos dois arquivos um deles é o estilos.css ou style.css e o outro é o estilo.css.map ou style.css.map.

Dessa forma, começamos a monitorar o arquivo.scsse qualquer alteração realizada neste documento é traduzida em tempo real para a linguagem .css, já que esta linguagem de estilo pode ser interpretada pelos navegadores.

Com isso, todas as vezes que salvamos o arquivo .scss recebemos uma notificação na janela "Output" ("Saída" em português), sendo assim, mesmo que você feche a janela ela irá aparecer novamente sempre que tivermos uma mudança no documento referente ao Sass.

Podemos minimizar a janela clicando no botão de configurações representado pelo símbolo de uma engrenagem que fica no canto inferior esquerdo da tela, selecionar a opção Settings (ou utilizar o atalho CTRL + , ), selecionar no menu lateral a opção Extensions, procurar pela extensão Live Sass Compiler, buscar o campo de seleção com a frase Live Sass Compile › Settings: Show Output Window On e selecionar a opção None.

Tela de configurações do Visual Studio Code na aba de extensões referentes ao Live Sass Compiler

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!