CSS Nite LP47 Coder's High 2016「イマドキのコーダー環境構築」サンプルファイル

まずは、Macならanyenv経由でndenv、Windowsならnodistをインストールしましょう

https://github.com/riywo/anyenv こちらのINSTALLのコマンドを上から実行しanyenvをインストールします。

ndenvをインストールします。

$ anyenv install ndenv

nodeのバージョンを6.7.0にします。

$ ndenv install v6.7.0
$ ndenv rehash

node -v

で v6.7.0と表示されていればOKです。

https://github.com/marcelklehr/nodist の「Download the installer here」からイントーラーでインストールします。

nodeのバージョンを6.7.0にします

> nodist + v6.7.0
> nodist v6.7.0 

> node -v

で v6.7.0と表示されていればOKです。

gitクローンするか、ファイルをダウンロードしてください。

クローン or ダウンロードしたディレクトリをカレントディレクトにして、

$ npm install

を実行します。 npmのパッケージがインストールされます。

$ npm start

を実行します。 gulpのタスクが実行されます。
「dest」ディレクトリが作成され、ベンダープリフィックスが付いて、プロパティの順番が整理されたCSSがコンパイルされてたら成功です。

$ npm run watch

コマンドを実行すると「sass」ディレクトリを監視し、変更があると自動でsassをコンパイルします。