railsに、AdminLTEを導入する
1. node.jsをインストールする
$ brew install nodebrew $ nodebrew install-binary latest [error] Fetching: https://nodejs.org/dist/v7.4.0/node-v7.4.0-darwin-x64.tar.gz Warning: Failed to create the file Warning: /Users/○○/.nodebrew/src/v7.4.0/node-v7.4.0-darwin-x64.tar. Warning: gz: No such file or directory ※上記ディレクトリが無いというエラーが出た場合、以下のディレクトリを作成後、再度実施。 $ mkdir ~/.nodebrew $ mkdir ~/.nodebrew/src
2. pathをとおす
$ vi ~/.bash_profile $ export PATH=$PATH:/Users/xxxxx/.nodebrew/node/v7.4.0/bin ←~/.bash_profileに追記して、pathをとおす $ source ~/.bash_profile
3. bower で AdminLTE をインストールする
$ npm install bower -g ①Gemfile に以下を記述し bundle install を実行 $ gem 'bower-rails' ②bower-railsの初期設定 $ rails g bower_rails:initialize ⇛Bowerfile が作成されるので以下を記述し、AdminLTE をインストールする。 asset 'admin-lte' $ rake bower:install
4. font-awesomeを導入する
gem 'font-awesome-rails' $ bundle install
5. cssを読み込む設定を入れる
app/assets/stylesheets/application.css.scss内に、以下を記載する。 *= require admin-lte/bootstrap/css/bootstrap *= require admin-lte/dist/css/AdminLTE *= require admin-lte/dist/css/skins/skin-blue *= require font-awesome
6. jsを読み込む設定を入れる
app/assets/javascripts/application.js内に、以下を記載する。 //= require admin-lte/bootstrap/js/bootstrap //= require admin-lte/dist/js/app.js
7. .gitignoreにbowerのフォルダを追加しておく
app/assets/javascripts/application.js内に、以下を記載する。 $ echo /vendor/assets/bower_components >> .gitignore
参考URL:
http://qiita.com/niku4i/items/99ee439031330269d49a
https://miningoo.com/785