Usando Compass no Windows com o Visual Studio C # e ASP.NET

Question

Alguém já fez todo o desenvolvimento da Compass para CSS / SASS em um ambiente padrão C # ASP.NET?

Existe uma única distribuição posso apenas fazer o download que está pronto para ir para o Windows ou eu preciso instalar cada pedaço da equação e construir bússola me?

Existem plugins que fazem a desenvolver com Compass amigável com VS2008, tais como a manipulação automagicamente da Compass / SASS em compilações, destaque de sintaxe, e / ou suporte intellisense?

Se não houver nenhum plugins VS IDE quais são as melhores opções para um editor de texto independente para lidar com a codificação em Compass?

Answer 1

Para completar as últimas respostas, você pode instalar Web Workbench , um plug-in para o Visual Studio 2010 wich adicionar destaque de sintaxe , intellisence e algumas outras coisas para o idioma SASS (somente sintaxe SCSS).

Se você preferir usar Compass e / ou algumas outras ferramentas para compilar seu CSS, você deve desabilitar o compilador embutido. Eu listei alguns outros compiladores SASS aqui: Usando SASS com ASP.NET .

Para desativar o built-in do compilador:. Selecione o arquivo .scss no Solution Explorer, vá para a janela Propriedades e exclua o texto a partir da caixa de ferramentas personalizado

Desde Web Workbench 3 agora você pode gerenciar mais facilmente o que você quer compilar com este plugin. Veja o item de menu Mindscape> Web Workbench Configurações.

Answer 2

Introdução ao Compass,

Em primeiro lugar, sim, eu tenho que instalar o Ruby ea fonte bússola e compilar a minha versão do compasso Eu segui as instruções na Wiki do Compass Introdução .

Depois de obter Compass e todas as suas dependências instalado e construiu eu criei o meu primeiro projeto.

compass -f blueprint project-name

que cria um projeto padrão com bússola para o quadro css modelo, atualmente há um bug em compasso com a criação do arquivo grid.png no diretório de imagens de bússola para que você precisa copiar o grid.png original a partir da fonte pasta

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10
    \frameworks\blueprint\templates\project

Ou semelhante localizada arquivo, dependendo de onde você instalou tudo. Uma das mais importantes mudanças IMO para trabalhar com compasso no asp.net é alterar a directiva SASS CACHE de bússola. O SASS CACHE cria um monte de pastas temporárias no diretório do projeto que provavelmente teriam resultados pobres, se eles acabaram sob controle de origem. Então abra config.rb e adicionar esta linha

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"} 

Certifique-se de observar as backslashs escaparam.

Depois disto, eu modificados os nomes das pastas que usos bússola para a forma como eu queria que eles nomeados dentro do config.rb e iniciados como chegar a ele com SASS e Compass. Eu recomendo assistir a hora longa introdução ao vídeo bússola é muito útil e eu aprendi muito com ele: Assista o elenco tela .

Uma das coisas que este me mostrou foi como configurar bússola para observar alterações do sistema de arquivos e de compilação automagic o Sass de css. Usando

compass -w

Esta é trabalhar muito bem para mim, apenas certifique-se que você mantenha seus arquivos CSS check-out ou desligá-los lido somente se eles estão sob controle de origem se o projecto não suporta checkouts simultâneos.

Para editar Estou usando SciTE que está incluído com Ruby por padrão para os arquivos config.rb ou apenas a janela do editor no VS2008. Para Sass me deparei com uma grande lista na HAML website . jEdit com destaque para arquivo de sintaxe para SASS era o que eu acabei usando depois de tentar alguns. Eu ainda gostaria de encontrar um plugin VS para destaque de sintaxe, então eu não preciso usar outro editor, mas jEdit é definitivamente começar o trabalho feito.

Answer 3

A minha resposta é um pouco antiquado. Antes de seguir a minha resposta original, eu recomendaria explorar o pacote Nuget SassAndCoffee. Os detalhes completos podem ser encontrados aqui .

Como é que funciona?

SassAndCoffee incorpora o original compiladores na DLL como (Sass 3,2,0 e CoffeeScript 1.1.0 a partir deste escrita) e usos IronRuby e Jurassic respectivamente para executar o compiladores contra sua fonte.

Por que é isso melhor do que [SOMEOTHERPROJECT]?

No external processes are executed
You don’t have to install Ruby or node.js
It’s in NuGet so you don’t have to fiddle with web.config
Files are cached and are rebuilt as-needed.

Answer 4

Eu queria acrescentar uma outra alternativa aqui. Se você quiser apenas para garantir que bússola constrói os arquivos Sass e inclui os arquivos CSS quando você construir seu projeto ASP.net você pode adicionar o seguinte ao seu projeto (csproj) arquivo na seção do projeto:

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' ">
   <Exec Command="compass compile --output-style compressed --force" />
   <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' ">
    <Exec Command="compass compile" />
    <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>

O primeiro alvo é para lançamento e também irá comprimir o CSS, o outro é para depuração.

Se você quiser personalizar caminhos adicionar um config.rb para a pasta raiz do projeto:

css_dir = "Content"
sass_dir = "Content/Sass"

Isso tudo, claro, requer bússola e rubi para ser instalado e estar no caminho da sua máquina.