デザインのスタイルガイドAstrumを導入する

Astrumとは

めちゃイケてるスタイルガイド
詳しくはこの２つを
http://astrum.nodividestudio.com/
https://www.npmjs.com/package/astrum

導入方法

astrumをグローバルにインストールしてコマンドを使えるようにする

$ npm install -g astrum

スタイルガイドを格納するディレクトリを自動作成し、決定

$ astrum init ./application/styleguide

対話形式で新しい部品を作成

$ astrum new buttons/default

ビルド済みのスタイル, jsを読み込む

data.jsonの32行目

    "assets": {
        "css": [],
        "js": []
    },

インスタンスサーバーでastrumを起動

$ cd ./application/styleguide && php -S localhost:8888

新たな部品の追加

$ astrum new buttons/super

追加した部品の削除

$ astrum delete buttons/default

最後に

後は画面を見て指示に従ってhtmlを記述するだけです！
良いスタイルガイドを作りましょう！