Visual Studio C＃とASP.NETでCompassを使用する

Question

標準のC＃ASP.NET環境でCompass for CSS/SASSの開発を行った人はいますか？

Windows用にすぐにダウンロードできる1つのディストリビューションがありますか、それともすべての方程式をインストールしてコンパスを作成する必要がありますか？

ビルド、構文強調表示、インテリセンスサポートでコンパス/ SASSの自動処理など、コンパスでVS2008を使用して開発するプラグインはありますか？

VS IDEプラグインがない場合、コンパスでコーディングを処理するためのスタンドアロンテキストエディタに最適なオプションは何ですか？私はRubyとコンパスのソースをインストールし、コンパスの私のバージョンをアップコンパイルする必要がありそうコンパス、

まず入門

Answer 1

最後の答えを完了させるために、あなたは、Visual Studioの2010ウィッヒは intellisence、を強調構文とSASS言語（のみSCSS構文）のためのいくつかの他のものを追加するためのプラグインをWeb Workbenchをインストールすることができます。

コンパスやその他のツールを使用してCSSをコンパイルしたい場合は、組み込みコンパイラを無効にする必要があります。他のSASSコンパイラをここに挙げました：Using SASS with ASP.NET。

組み込みコンパイラを無効にするにはソリューションエクスプローラで.scssファイルを選択し、プロパティウィンドウに移動してカスタムツールボックスからテキストを削除します。

Web Workbench 3以降、このプラグインでコンパイルしたいものを簡単に管理できます。 Mindscape> Web Workbench設定メニュー項目を参照してください。

Answer 2

私はコンパスのウィキGetting Started上の指示に従いました。

コンパスを取得して、それがすべてインストールされ、ビルドされた後、私は最初のプロジェクトを作成しました。あなたは、元のグリッドをコピーする必要があるので、青写真のCSSのフレームワークのためのコンパスとデフォルトのプロジェクトを作成します

compass -f blueprint project-name 

は、現在、コンパスのためのimagesディレクトリにgrid.pngファイルの作成とコンパスにバグがあります。ソースフォルダのpng

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

また、すべてのものをインストールした場所に応じて同様に配置されたファイル。 asp.netのコンパスで作業するためのIMOの最も重要な変更の1つは、コンパスのSASS CACHE指令を変更することです。 SASS CACHEは、プロジェクトディレクトリ内に一時フォルダの束を作成します。一時フォルダは、ソース管理下で終了した場合、結果が悪くなる可能性があります。だから、config.rbを開き、

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

エスケープbackslashsに注意していることを確認し、この行を追加します。

これ以降は、コンパスがconfig.rbの中でどのように名前を付けたいのか、コンパスが使用するフォルダの名前を変更して、SASSとCompassで取得し始めました。私はビデオをコンパスに1時間の長い紹介を見ることをお勧めします。それは非常に有用であり、私はそれから多くを学びました：Watch the screen cast。

これは、ファイルシステムの変更を監視するようにコンパスを設定する方法と、自動的にコンパイルすることでCSSをコンパイルする方法でした。

compass -w 

を使用することによりこれはちょうどあなたがあなたのCSSファイルをチェックアウトしたり、あなたのプロジェクトが同時チェックアウトをサポートしていない場合、彼らはソース管理下にしている場合にのみ、読み、それらをオフにしておくことを確認してください、私のために本当のうまく機能しています。

私はSciTEを使用しています。これは、config.rbファイルの場合はRubyにデフォルトで含まれていますが、VS2008のエディタウィンドウには含まれています。 Sassのために私はHAML websiteの大きなリストを見つけました。 SASSの構文ファイルを強調表示したjEditは、いくつか試してみると使い終わったものです。構文の強調表示のためのVSプラグインを見つけたいので、別のエディタを使う必要はありませんが、jEditは間違いなく仕事を終えています。

Answer 3

私の答えはちょっと古いです。私の元の答えに従う前に、NugetパッケージSassAndCoffee. The full details can be found hereを調べることをお勧めします。

どのように動作しますか？

SassAndCoffee（この 書き込みのようなサス3.2.0 とCoffeeScriptの1.1.0）としてDLL内の元 コンパイラを埋め込み、ソースに対して コンパイラを実行するために、それぞれIronRubyのと ジュラを使用します。

なぜ は[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

私はここに別の選択肢を加えたいと思っていました。

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

：あなたはちょうどそのコンパスはSASSファイルを作成し、CSSファイルが含まれてあなたはASP.netのプロジェクトをビルドするときに、プロジェクトのセクションの下にファイルをプロジェクト（csproj）に以下を追加することができますようにする場合最初のターゲットはリリース用で、CSSも圧縮し、もう1つはデバッグ用です。

あなたはパスをカスタマイズしたい場合は、プロジェクトのルートフォルダにconfig.rbを追加します。

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

このコースのすべてがインストールされてコンパスやルビーを必要とし、あなたのマシンのパスにあることを。