Gumbyで使うSassコンパイラGUIを「Prepros App」に変更しました

こちらの記事で紹介したSCOUTがなぜかエラーを吐くようになってしまったので、
SassコンパイラをPreprosに変更しました。

バージョンが4.2に上がったおかげか以前出ていたコンパイルエラーがなくなりました。エラーで続けてます。やっぱりおすすめは「SCOUT」
もともとはPreprosを使いたかったので速攻で乗り換えです。
Windowsでは一番使いやすいと評判のSassコンパイラですからね。

Prepros ダウンロード・インストール

  • Preprosのサイトからファイルをダウンロード
  • exeファイルを起動してインストール

ダウンロード Prepros for Windows

Prepros プロジェクトを追加

prepros-home
Preprosを起動したらこの画面になるのでプロジェクトフォルダをドロップする。

Prepros プロジェクト画面

prepros-project

プロジェクトを追加すると左サイドバーにプロジェクト、中央に各ファイル。

ファイルをクリックで右サイドバーにオプション選択が出てきます。

  • Auto Compile
  • Use Compass
  • Full Compass Support

すべてチェック。

Prepros Sassのコンパイル

「Auto Compaile」をチェックしておけば
scssファイルが変更されれば自動でcssファイルを更新してくれます。

prepros-compilation

かわいいアイコンでコンパイルの成功・失敗を知らせてくれます。

コメントを残す コメントをキャンセル

メールアドレスが公開されることはありません。 が付いている欄は必須項目です