SassyStudio-Visual StudioでのSCSS / SASS / Compassのサポート

まず、SassyStudioはMITの下でライセンスされており、プロジェクトコードはGitHubホストされています 。 ほぼ毎週、拡張機能が更新され、新しい機能で更新されます。 拡張機能は、Visual Studioツールギャラリーにあります。



現在の機能







CSS生成について


SassyStudioは現在、CSSを生成する2つの方法をサポートしています。PCで特に設定する必要がない内部メカニズムと、Rubyを使用して注意を引く基本的なCompassサポートの外部メカニズムです。



内部のメカニズムはクイックNSassで 、IronRubyの形でフードの下に脂肪はありません( Mindscape Web Workbenchで行われます )。 Rubyツールキットを使用するには、設定を見て、Rubyディストリビューションがインストールされているフォルダーへのパスを指定する必要があります(sassおよびcompassパッケージをインストールする必要があります)。 そこでは、設定にIntelliSenseの実験的サポートが含まれていますが、これはデフォルトでは無効になっています。



Visual StudioオプションのSassyStudio設定セクション



バッハ、そしてコンパスのサポートを設定してください!



インストールされたRubyディストリビューションへのパスを指定します



組み込みコンパイラを使用する場合、すべての処理は、処理中のファイルのディレクトリで行われ、そこで準備が整ったCSSファイルが表示されます。 デフォルト設定では、標準と最小化の2つのファイルがそこに表示されます。



コンパイル済みファイルの横にある標準および最小化されたCSSファイル



外部コンパイラのサポートについて


ダレン・コップが良い男だという事実に注目する価値があります! 彼は仕事の過程で私を喜びと喜びできしみました! 実際には、最初に写真の形で、次に説明します。



Visual StudioのSCSSに基づいたいくつかの独立した設計テーマを持つソリューションのビュー



近くを見る:



設計テーマの詳細



解説


テーマのあるフォルダーがあるASP.NET MVCに基づくプロジェクトがあります。 各テーマには、config.rbおよびsass-watch.cmdファイルを含む独自のフォルダーがあります。 SCSSファイルコンパイラの観点から見ると、実際にはプロジェクト内のプロジェクトです。 したがって、テーマを開発するときに、sass-watch.cmdファイルを実行しました。 いくつかのテーマの並行開発により、これらのファイルのいくつかを実行しましたが、これは作業環境をかなり混乱させ、時には混乱を引き起こしました。



外部コンパイラでSassyStudioを使用すると、sass-watch.cmdファイルおよび同様のバッチファイルの必要性がなくなりました。 作業中、config.rbファイルは自動的に互いに独立して取得されます。 編集および保存のためにメインスタイルシートを開きます-コンパイルは自動的に行われます。 また、 インポートで指定されたファイルが変更されると 、自動コンパイルが発生します



コンパス


コンパスは、追加の操作なしで機能します。 確認済み。



画像



唯一のものはIntelliSenseです。 ただし、これは解決されています。 拡張オプションに再度注意してください。 [パスを含める]アイテムが必要です。 Compassへのパスを次のように1行に記述します。



e:\Ruby190\lib\ruby\gems\1.9.0\gems\compass-0.12.2\frameworks\compass\stylesheets\







行には、セミコロンで区切られた複数のパスを含めることができます。



最も詳細な情報とすべての詳細がありますが、 著者のウェブサイトGitHub-問題ページ拡張機能の機能に関する詳細情報。 そして、多くの微妙さがあり、これは良いことです!



合計



SassyStudioは、Mindscape Web Workbench(有料版)よりも機能が劣っています。 一方、SassyStudioの主要なビジネスは100%完了しています。これは、コンパイル、構文の強調表示による編集、操作の速度(Mindscape Web Workbenchはこの点では非常に反応しません)、部分的ではありますがIntelliSenseです。 いずれにせよ、SCSS / SASS + Compassバンドルのスタイルライブラリのレベルで効果的に作業するには、今のところWebStormを選択することをお勧めします。 そして、SassyStudioの開発に参加して 、このツールを誰にとっても完璧なものにすることができます!



All Articles