Command line tool for developing APB CSS (Atomic Parts Base CSS)
APB CSShttp://apbcss.com/
APBCSS Assets File 生成の為のコマンドラインツールです。
go
$ GO111MODULE=on go get github.com/atomic-package/apb
Default Usage
$ apb new
scssフォルダを基に、各ファイルが生成されます。
Designation Folder Name
$ apb new [appName]
任意のフォルダ名を指定できます。
Designation Create Path
$ apb new [appName] --path=path
任意の生成パスを指定できます。
pathフラグのショートカットコマンドは以下の通りとなります。
$ apb new -p path
Default Usage
$ apb generate [assetsType]
Shortcut
$ apb g [assetsType]
| AssetsType Name | Details |
|---|---|
| base | アプリケーションのbaseとなるstyleが定義されているファイル群 |
| pages | アプリケーションの各ページ固有のstyleが定義されているファイル群 |
| parts | APBCSSのcoreとなる各パーツのstyleが定義されているファイル群 |
scss/
├── base/
│ ├── _base.scss
│ ├── _mixin.scss
│ ├── _reset.scss
│ └── _setting.scss
├── pages/
│ ├── _index.scss
│ └── _pages_inc.scss
├── parts/
│ ├── _animation.scss
│ ├── _base.scss
│ ├── _bg.scss
│ ├── _box.scss
│ ├── _button.scss
│ ├── _footer.scss
│ ├── _form.scss
│ ├── _header.scss
│ ├── _icon.scss
│ ├── _list.scss
│ ├── _media_queries.scss
│ ├── _modal.scss
│ ├── _navigation_menu.scss
│ ├── _paragraph.scss
│ ├── _separate.scss
│ ├── _table.scss
│ └── _title.scss
├── _common_inc.scss
├── _parts.scss
└── style.scss Make sure your PATH includes the $GOPATH/bin directory so your commands can
be easily used:
export PATH=$PATH:$GOPATH/bin
Daisuke Takayama
MIT