NetBeans で Sassを利用出来るようにする方法

先ほど投稿した「Windows環境にSassとCompassをインストールする（Rubyインストールから）」で
Windows環境でSassを利用出来るようになった。

次は普段利用している NetBeansでSassを利用出来るように設定してみました。

■Sassのパスを設定する
１．プロジェクトのプロパティウィンドウを開き「CSSプリプロセッサ」をクリックする
２．右上に表示される「実行可能ファイルを構成」をクリックしオプションウィンドウを開く
３．”Sassパス”の設定フォームにパスを設定します。
C:\Ruby24-x64\bin\sass.bat

■Sassファイルの自動コンパイル設定
１．プロジェクトのプロパティウィンドウを開き「CSSプリプロセッサ」をクリックする
２．「保存時にSassファイルをコンパイル」にチェックを入れる
３．scss と css ディレクトリのパスを “入力” “出力” にそれぞれ設定する
４．コンパイラオプションに「–compass」を入力する（Compassを利用するためのオプション）

※環境情報：
NetBeans 8.1

コメント