Edited at

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

More than 1 year has passed since last update.


Astrumとは

めちゃイケてるスタイルガイド

詳しくはこの2つを

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を記述するだけです!

良いスタイルガイドを作りましょう!