Utilizzo di Compass su Windows con Visual Studio C # e ASP.NET

Question

Qualcuno ha fatto qualche sviluppo di Compass per CSS / SASS in un ambiente ASP.NET C # standard?

Esiste un'unica distribuzione che posso semplicemente scaricare, pronta per essere utilizzata per Windows o devo installare ogni singolo pezzo dell'equazione e costruire la bussola da solo?

Esistono plugin che rendono lo sviluppo con Compass più amichevole con VS2008 come la gestione automatica di Compass / SASS nelle build, l'evidenziazione della sintassi e / o il supporto intellisense?

Se non ci sono plugin VS IDE quali sono le migliori opzioni per un editor di testo autonomo per la gestione della codifica in Compass?

Answer 1

Per completare le ultime risposte, puoi installare Web Workbench , un plug-in per Visual Studio 2010 che aggiunge evidenziazione della sintassi , intellisence e alcune altre cose per il linguaggio SASS (solo sintassi SCSS).

Se preferisci usare Compass e / o altri strumenti per compilare il tuo CSS, dovresti disabilitare il compilatore incorporato. Ho elencato alcuni altri compilatori SASS qui: Uso di SASS con ASP.NET .

Per disabilitare il compilatore integrato: selezionare il file .scss in Esplora soluzioni, andare alla finestra Proprietà ed eliminare il testo dalla casella degli strumenti personalizzati.

Da Web Workbench 3 ora puoi gestire più facilmente ciò che vuoi compilare con questo plugin. Guarda il Mindscape > Voce di menu Impostazioni Web Workbench.

Answer 2

Introduzione a Compass

Innanzitutto sì, devo installare Ruby e l'origine bussola e compilare la mia versione di bussola Ho seguito le istruzioni sul Wiki di Compass Introduzione .

Dopo aver installato e costruito Compass e tutte le sue dipendenze ho creato il mio primo progetto.

compass -f blueprint project-name

Che crea un progetto predefinito con bussola per il framework css blueprint, attualmente c'è un bug in bussola con la creazione del file grid.png nella directory images per compass, quindi è necessario copiare il grid.png originale dal sorgente cartella

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

O file localizzato in modo simile a seconda di dove hai installato tutto. Uno dei cambiamenti più importanti dell'IMO per lavorare con compass su asp.net è cambiare la direttiva sulla bussola SASS CACHE. SASS CACHE crea un gruppo di cartelle temporanee nella directory del progetto che probabilmente avrebbero scarsi risultati se fossero finite sotto il controllo del codice sorgente. Quindi apri config.rb e aggiungi questa riga

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

Assicurati di annotare le barre rovesciate sfuggite.

Dopo questo ho modificato i nomi delle cartelle utilizzate da compass per come li volevo nominati all'interno di config.rb e ho iniziato a raggiungerlo con SASS e Compass. Consiglio di guardare questa introduzione di un'ora al video della bussola è molto utile e ne ho imparato molto: Guarda il cast dello schermo .

Una delle cose che questo mi ha mostrato è stato come impostare la bussola per controllare i cambiamenti del file system e compilare automagic il sass in css. Usando

compass -w

Questo sta funzionando davvero bene per me, assicurati solo di tenere i tuoi file css estratti o di disattivarli di sola lettura se sono sotto il controllo del codice sorgente se il tuo progetto non supporta checkout simultanei.

Per l'editing sto usando SciTE che è incluso con Ruby per impostazione predefinita per i file config.rb o solo la finestra dell'editor in VS2008. Per Sass mi sono imbattuto in un grande elenco sul sito web HAML . jEdit con l'evidenziazione del file di sintassi per SASS era quello che ho finito per usare dopo averne provato alcuni. Mi piacerebbe ancora trovare un plugin VS per l'evidenziazione della sintassi, quindi non ho bisogno di usare un altro editor, ma jEdit sta sicuramente facendo il suo lavoro.

Answer 3

La mia risposta è un po 'antiquata. Prima di seguire la mia risposta originale, consiglierei di esplorare il pacchetto Nuget SassAndCoffee. I dettagli completi sono disponibili qui .

  

Come funziona?

     

SassAndCoffee incorpora l'originale   compilatori nella DLL come (Sass 3.2.0   e CoffeeScript 1.1.0 a partire da questo   scrittura) e utilizza IronRuby e   Jurassic rispettivamente per eseguire il   compilatori contro la tua fonte.

     

Perché lo è   meglio di [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

Volevo aggiungere un'altra alternativa qui. Se vuoi solo assicurarti che compass compili i file sass e includa i file css quando costruisci il tuo progetto ASP.net, puoi aggiungere quanto segue al tuo file di progetto (csproj) nella sezione del progetto:

<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>

Il primo Target è per Release e comprimerà anche il CSS, l'altro è per Debug.

Se vuoi personalizzare i percorsi aggiungi un config.rb alla cartella radice del progetto:

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

Tutto ciò ovviamente richiede l'installazione di bussola e rubino e di essere sul percorso della tua macchina.