みやのまるがゆく。

物忘れが激しい私のためのメモ

BootstrapのCoreUIを使う

あんまり来ないBootstrap案件がきた。

管理画面作るにはとても便利なBootstrapさん。
今回はCoreUIというテーマを使いました。
これを使うにはnpmでビルドしなければいけないので
そのコマンドと作業の流れを忘備録的にメモ。

CoreUIをダウンロード

こちらから。

Bootstrap Admin & Dashboard Template · CoreUI Leading open source admin dashboard template used by thousand coreui.io

解凍後は適宜作業用ディレクトリにお引越ししてください。

npmでパッケージをインストール

npm i

いつものやつですね。

ビルドするよ

npm run start

このまま制作を開始してもいいですし、
ここでビルドされたdistディレクトリ内のデータをコピーして
作業ディレクトリに移せば、そのままいつも通りのhtmlとして使えます。
その場合はblank.html がメイン要素部分空のソースなので、これを適宜編集していくのが簡単かと。
わたしは作業ディレクトリに移したdist内データを更にejsに分割してgulpで再ビルドする流れとしました。