12

標準の C# ASP.NET 環境で CSS/SASS 用の Compass を開発した人はいますか?

ダウンロードするだけで Windows にすぐに使用できる単一のディストリビューションはありますか、それとも方程式のすべての部分をインストールして自分でコンパスを構築する必要がありますか?

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

VS IDE プラグインがない場合、Compass でコーディングを処理するためのスタンドアロン テキスト エディターの最適なオプションは何ですか?

4

4 に答える 4

6

コンパスを始めて、

まず、Ruby とコンパス ソースをインストールし、自分のバージョンのコンパスをコンパイルする必要があります。Compass の Wiki Getting Startedの指示に従いました。

Compass とそのすべての依存関係をインストールしてビルドした後、最初のプロジェクトを作成しました。

compass -f blueprint project-name

ブループリント css フレームワークのコンパスを使用してデフォルト プロジェクトを作成します。現在、コンパスのイメージ ディレクトリに grid.png ファイルが作成されるバグがコンパスにあるため、ソース フォルダから元の grid.png をコピーする必要があります。

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

または、すべてをインストールした場所に応じて、同様の場所にあるファイル。asp.net でコンパスを操作するための最も重要な変更の 1 つは、コンパスの SASS CACHE ディレクティブを変更することです。SASS CACHE はプロジェクト ディレクトリに一連の一時フォルダーを作成しますが、それらがソース管理下で終了した場合、おそらく悪い結果になるでしょう。config.rb を開き、この行を追加します

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

エスケープされたバックスラッシュに注意してください。

この後、コンパスが使用するフォルダーの名前をconfig.rb内でどのように命名したいかを変更し、SASSとCompassで取得し始めました。コンパス ビデオの 1 時間にわたる紹介を見ることをお勧めします。これは非常に役に立ち、そこから多くのことを学びました:スクリーン キャストを見る.

これが私に示したものの1つは、ファイルシステムの変更を監視するようにコンパスを設定し、sassをcssに自動コンパイルする方法でした。使用することで

compass -w

プロジェクトが同時チェックアウトをサポートしていない場合は、css ファイルをチェックアウトしたままにするか、ソース管理下にある場合は読み取り専用をオフにしてください。

編集には、デフォルトで Ruby に含まれている SciTE を config.rb ファイルまたは VS2008 のエディター ウィンドウに使用しています。Sass については、 HAML Web サイトで大きなリストを見つけました。SASS の強調表示構文ファイルを使用した jEdit は、いくつか試した後に最終的に使用したものでした。構文を強調表示するための VS プラグインを見つけたいので、別のエディターを使用する必要はありませんが、jEdit は間違いなく仕事を成し遂げています。

于 2009-08-24T13:24:44.460 に答える
6

最後の回答を完了するには、SASS 言語 (SCSS 構文のみ) に構文の強調表示、インテリジェンス、およびその他のものを追加する Visual Studio 2010 のプラグインであるWeb Workbenchをインストールできます。

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

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

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

于 2011-09-07T00:06:10.677 に答える
2

私の答えは少し時代遅れです。元の回答に従う前に、NugetパッケージSassAndCoffeeを調べることをお勧めします。詳細については、こちらをご覧ください。

それはどのように機能しますか？

SassAndCoffeeは、元のコンパイラをDLLに（この記事の執筆時点ではSass3.2.0とCoffeeScript1.1.0）として埋め込み、IronRubyとJurassicをそれぞれ使用してソースに対してコンパイラを実行します。

なぜこれが[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.
于 2011-06-09T14:37:58.297 に答える
2

ここに別の選択肢を追加したかったのです。ASP.net プロジェクトをビルドするときにコンパスが sass ファイルをビルドし、css ファイルを含めることを確認したいだけの場合は、プロジェクト セクションの下のプロジェクト (csproj) ファイルに次を追加できます。

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

最初のターゲットはリリース用で、css も圧縮します。もう 1 つはデバッグ用です。

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

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

もちろん、これにはコンパスとルビーがインストールされ、マシンのパスにある必要があります。

于 2015-02-19T10:46:00.313 に答える