SCSSを手軽に導入するのにおすすめのPrepros

Preprosでなにができるの

SCSSのコンパイルができます。

プロジェクトフォルダ(SCSSのファイルが置いてあるフォルダ)をPreprosに投げ込むだけでいい感じにコンパイルしてSCSSからのcssファイルを作成してくれるので楽です。

Preprosのインストール方法

本家サイトよりダウンロード

Download Prepros 6

MACならMAC、ウィンドウズならWindowsをダウンロードします。ちょっとかかります。


インストールは謎のアニメーションと共に始まります。
アニメーションが消えるとデスクトップにはPreprosアイコンが出現しています。

Preprosを起動してみる

アイコンをクリックするとPreprosが起動します。
最初に画面の設定を聞かれます。
お好みでライトモードかダークモードを選び「Done」をクリック

ここまでで、Preprosの使用準備が整いました。

Preprosにプロジェクトを登録

プロジェクトってなんじゃ?と思われてそうですが、要するに作業フォルダです。
scssファイルが入っているフォルダをぽいっと掴んでPreprosにドラックドロップです。
あとはPreprosがよしなに読み込んでくれます。

コメント