Mit Compass unter Windows mit Visual Studio C # und ASP.NET

Question

Hat jemand getan jede Entwicklung von Compass für CSS / SASS in einer Standard-C # ASP.NET-Umgebung?

Gibt es eine einzige Distribution Ich kann das einfach herunterladen bereit für Windows zu gehen oder muss ich jedes Stück der Gleichung installieren und bauen selbst Kompass?

Gibt es Plugins, die mit Compass freundlicher mit VS2008 wie automagischen Umgang mit Kompass / SASS machen die Entwicklung in Builds, Syntax-Hervorhebung und / oder Intellisense Unterstützung?

Wenn es keinen VS IDE Plug-in, was die besten Optionen für einen eigenständigen Texteditor sind für den Umgang mit Codierung in Compass?

Answer 1

die letzten Antworten zu vervollständigen, können Sie installieren Web Workbench , ein Plugin für Visual Studio 2010 weicht Add Syntaxhervorhebung , Intellisence und einige andere Sachen für die SASS Sprache (SCSS Syntax nur).

Wenn Sie mit Compass bevorzugen und / oder einige andere Tools, um Ihren CSS zu kompilieren, sollten Sie den eingebauten Compiler deaktivieren. Ich aufgelistet einige andere SASS Compiler hier: Mit SASS mit ASP.NET .

deaktivieren, um die eingebauten Compiler. Die .scss Datei in Projektmappen-Explorer, gehen Sie in das Fenster Eigenschaften und den Text aus dem Feld Custom Tool löscht

Da Web Workbench 3 Sie können jetzt einfacher verwalten, was Sie mit diesem Plugin kompilieren wollen. Finden Sie in der Mindscape> Web Workbench Menüpunkt Einstellungen.

Answer 2

Erste Schritte mit Kompass,

Zuerst ja, ich habe Ruby und die Kompass Quelle installieren und meine Version von Kompass kompiliert bis folgte ich die Anweisungen auf dem Kompass Wiki Erste Schritte .

Nachdem ich Compass und all seine Abhängigkeiten installiert und baute ich mein erstes Projekt erstellt.

compass -f blueprint project-name

, die für den Entwurf CSS-Framework ein Standardprojekt mit Kompass schafft, zur Zeit gibt es einen Fehler in Kompass mit der Erstellung der grid.png Datei im Verzeichnis Bilder für Kompass, so dass Sie den Original-grid.png von der Quelle kopieren müssen Ordner

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

oder ähnlich Datei befindet sich je nachdem, wo Sie alles installiert. Eine der wichtigsten Änderungen der IMO für mit Kompass auf asp.net Arbeit ist es, die SASS CACHE Richtlinie des Kompass zu ändern. Die SASS CACHE schafft eine Reihe von temporären Ordner in Ihrem Projektverzeichnis, die wahrscheinlich schlechte Ergebnisse haben würde, wenn sie unter Quellcodeverwaltung beendet. So config.rb öffnen und fügen Sie diese Zeile

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

Stellen Sie sicher, die entflohen Backslash zu beachten.

Nach dieser modifizierte ich die Namen der Ordner, die Kompass verwendet, wie ich wollte, dass sie in der config.rb genannt und begannen, um es mit SASS und Compass bekommen. Ich empfehle gerade die Stunde lange Einführungsvideo Kompass es sehr hilfreich ist, und ich lernte von ihm eine Menge: den Bildschirm Besetzung beobachten .

Eines der Dinge, die in diesem zeigte ich war, wie Kompass Satz für Dateisystemänderungen zu beobachten und die Automagic sass zu CSS kompiliert. Durch die Verwendung von

compass -w

Das ist wirklich gut für mich arbeiten, stellen Sie nur sicher, dass Sie Ihre CSS-Dateien bleiben ausgecheckt oder schalten Sie sie nur, wenn sie unter Quellcodeverwaltung sind abzulesen, wenn das Projekt nicht gleichzeitig Kassen nicht unterstützt.

Für die Bearbeitung Ich bin SciTE verwenden, die für die config.rb Dateien standardmäßig mit Rubin enthalten ist oder nur das Editorfenster in VS2008. Für Sass stieß ich auf eine große Liste auf der rel="noreferrer">. jEdit mit Hervorhebung Syntax-Datei für SASS war, was ich am Ende mit nach ein paar versuchen. Ich würde immer noch wie ein VS-Plugin für Syntax finden Hervorhebung so brauche ich nicht einen anderen Editor zu verwenden, aber jEdit ist auf jeden Fall den Job getan.

Answer 3

Meine Antwort ist ein bisschen veraltet. Vor meiner ersten Antwort folgen, würde ich empfehlen, die Nuget Paket erkunden SassAndCoffee. Die vollständigen Details finden Sie hier.

  

Wie funktioniert es?

     

SassAndCoffee bettet das Original   Compiler in der DLL als (Sass 3.2.0   und Coffeescript 1.1.0 wie dieser   Schreiben) und verwendet IronRuby und   Jura bzw. die auszuführen   Compiler gegen Ihre Quelle.

     

Warum ist   das besser als [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

Ich wollte hier eine weitere Alternative hinzuzufügen. Wenn Sie nur wollen, dass Kompass, um sicherzustellen, die sass Dateien erstellt und enthält die CSS-Dateien, wenn Sie Ihr ASP.net-Projekt erstellen können Sie das folgende zu einem Projekt (csproj-Datei) im Rahmen des Projektes Abschnitt hinzufügen:

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

Das erste Ziel für Release und wird auch die CSS komprimieren, die andere ist für Debug.

Wenn Sie anpassen möchten Pfade ein config.rb zu dem Ordner Projektstamm hinzufügen:

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

Das alles erfordert natürlich Kompass und Rubin installiert werden und auf dem Weg Ihrer Maschine zu sein.