Visual Studio C#およびASP.NETを使用したWindowsでのコンパスの使用
-
06-07-2019 - |
質問
Compass for CSS / SASSの開発を標準C#ASP.NET環境で行った人はいますか?
Windows用にすぐにダウンロードできる単一のディストリビューションがありますか、それとも方程式をすべてインストールしてコンパスを自分で作成する必要がありますか?
コンパス/ VSSのビルドでの自動処理、構文の強調表示、および/またはインテリセンスのサポートなど、VS2008でより使いやすいコンパスで開発できるプラグインはありますか?
VS IDEプラグインがない場合、Compassでコーディングを処理するためのスタンドアロンテキストエディターの最適なオプションは何ですか?
解決
最後の回答を完了するには、 Web Workbench 、構文の強調表示、インテリジェンス、およびSASS言語用のその他のもの(SCSS構文のみ)を追加するVisual Studio 2010のプラグイン。
CSSをコンパイルするためにCompassや他のツールを使用する場合は、組み込みコンパイラを無効にする必要があります。他のいくつかのSASSコンパイラをここにリストしました: ASP.NETでのSASSの使用 。
組み込みコンパイラを無効にするには、ソリューションエクスプローラーで.scssファイルを選択し、[プロパティ]ウィンドウに移動して、カスタムツールボックスからテキストを削除します。
Web Workbench 3以降では、このプラグインでコンパイルするものをより簡単に管理できるようになりました。 Mindscapeをご覧ください> Web Workbench設定メニュー項目。
他のヒント
Compassの使用を開始する
まずはい、Rubyとコンパスソースをインストールし、コンパスのバージョンをコンパイルする必要があります。コンパスのWikiの指示に従ってくださいはじめに。
コンパスとそのすべての依存関係をインストールしてビルドした後、最初のプロジェクトを作成しました。
compass -f blueprint project-name
blueprint cssフレームワークのコンパスを使用してデフォルトのプロジェクトを作成します。現在、コンパスのimagesディレクトリにgrid.pngファイルを作成するとコンパスにバグがあるため、元のgrid.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"}
エスケープされたバックスラッシュに注意してください。
この後、config.rb内でコンパスが名前を付けたかったためにコンパスが使用するフォルダーの名前を変更し、SASSとCompassで取得し始めました。コンパスビデオの1時間の紹介をご覧になることをお勧めします。これは非常に役立ちます。スクリーンキャストを見る。
これにより、コンパスを設定してファイルシステムの変更を監視し、sassをcssに自動マジックコンパイルする方法がわかりました。
を使用してcompass -w
これは本当にうまく機能しています。プロジェクトで同時チェックアウトがサポートされていない場合、cssファイルをチェックアウトしたままにするか、ソース管理下にある場合のみ読み取りをオフにしてください。
編集には、config.rbファイルまたはVS2008のエディターウィンドウに対してデフォルトでRubyに含まれているSciTEを使用しています。 Sassの場合、 HAML Webサイトで大きなリストに出会いました。 SASSのハイライト構文ファイルを使用したjEditは、いくつか試してみて最終的に使用したものです。シンタックスハイライト用のVSプラグインを探したいので、別のエディターを使用する必要はありませんが、jEditは間違いなく仕事を完了しています。
私の答えは少し時代遅れです。元の回答に従う前に、Nugetパッケージ SassAndCoffee。詳細についてはこちらをご覧ください。
どのように機能しますか
SassAndCoffeeはオリジナルを埋め込みます DLL内のコンパイラ(Sass 3.2.0 そしてこの時点でのCoffeeScript 1.1.0 書き込み)および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.
ここに別の選択肢を追加したかった。 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"
もちろん、コンパスとルビーをインストールし、マシンのパスに配置する必要があります。