Como posso executar o SASS no Sublime Text 2?

Question

Eu baixei os arquivos de SASS syntax highlighting e fiz os quatro passos indicados (como usuário de Mac) . Mas eu não sei como executá-lo para que meu arquivo .sass seja convertido em .css

Você pode me sugerir alguma coisa?

    

Answer 1

Você deve conferir Bússola . Execute um compass watch e nunca olhe para trás.

    

Answer 2

Estou usando o Edge com Sublime Text 2 para editar ao vivo Sass & Arquivos de bússola. Confira aqui link

    

Answer 3

Parece que isso usa o sistema Build do Sublime para fazer a conversão. No Sublime, abra "Tools > Build System" e escolha Automatic, então tente construir (Cmd + B, F7, ou Tools > Build.) Se ainda não funcionar, tente alterar o Build System de Automatic para SASS. / p>     

Answer 4

Eu uso o martelo para mac que tem suporte para compilar o SASS, o coffee-writer, o HAML, entre outros, bem como cargas de outros grandes recursos, como não-PHP inclui, caminhos inteligentes, variáveis, etc.

Altamente recomendo.

    

Answer 5

Não tenho certeza de como as coisas serão diferentes no Mac, mas uso o Sublime Text 2 no Windows e no Linux sem problemas com o Sass. Eu não usei o plugin sublime-text-haml-sass embora.

Eu diria:

1. Verifique se o Sass está instalado no seu sistema. As instruções para esse plugin não cobrem isso. Certifique-se de que o Sass trabalha fora do Sublime . Isso tem sido um requisito para os plugins que usei para processamento Sass.
2. Selecione o Build System correto. Para mim, às vezes, o automático opção não funciona. Eu aconselho você a selecioná-lo manualmente. o Compass e Construção SASS plugins adicionam Compass e SASS opções, respectivamente, para as Ferramentas > > Criar sistema menu. Eu gostaria acho que texto-sublime-haml-sass faz o mesmo.
3. Lembre-se de executar a versão (via Ferramentas > > Criar manualmente).

Answer 6

O CodeKit funciona como um encanto; Simplesmente abra seu Sass / HTML / JS em Sublime Text e execute o CodeKit.

Arraste e solte sua pasta de código-fonte no CodeKit, aperte Preview e voila - ele compila e atualiza todas as alterações enquanto você faz uma visualização ao vivo.