yeoman環境構築関連のメモ

yeoman関連のメモ

• yeomanの前にnodejsが必要なのでまずはnodejsからインストール

• 参考

  • yeomanインストール
  • nodejsインストール

環境

• VirturalBoxで仮想環境を作成
• 仮想環境のOSはCentOS6.5
• Vagrantで管理

nodejsのインストール

• 念のためvagrantのsandboxのモードはonにしておく
• pythonとopen-sslは先にインストールしておく必要あり
• epelとRemiもインストールしておく
• Remi、epel は yum のリポジトリ

準備

• リポジトリ追加

sudo rpm -ivh http://ftp.riken.jp/Linux/fedora/epel/6/x86_64/epel-release-6-8.noarch.rpm

インストール

• 途中の確認メッセージはNoを選択

sudo yum install nodejs npm --enablerepo=epel

yeomanのインストール

• grunt と bower も同時にインストールする

sudo npm install -g yo grunt-cli bower

• 次にジェネレータのインストール
• backboneはよくわからないので入れるだけ

sudo npm install -g generator-backbone
sudo npm install -g yo generator-webapp
sudo npm install -g generator-bespoke

動作確認

• 任意のディレクトリを作成

mkdir $HOME/yeoman_test_02

• 作成

cd $HOME/yeoman_test_02
yo webapp

• 下記エラー

Warning: PhantomJS not found. Use --force to continue.

• phantomjsが必要っぽいのでインストール

cd /usr/local/src
sudo wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-1.9.7-linux-x86_64.tar.bz2
sudo tar jxfv phantomjs-1.9.7-linux-x86_64.tar.bz2

• パスを通す

sudo cp /usr/local/src/phantomjs-1.9.7-linux-x86_64/bin/phantomjs /usr/bin/

• 改めて作成

cd $HOME/yeoman_test_02
yo webapp

• 今度はエラーはなし

• サーバ起動

grunt server

• 起動できた

• ホストOSのブラウザから参照したい

• 一旦サーバストップ(ctrl + C)

• $HOME/yeoman_test_02/Gruntfile.jsを編集

                // hostname: 'localhost'
                hostname: '192.168.33.56'

• ホストOSのブラウザから下記にアクセス

http://192.168.33.56:9000/

• Allo, Allo！！　（ブラウザに表示された）

　　
　

• bespoke もやっとく
• オプションは全部Yesにしておく

mkdir $HOME/yeoman_test_03_bespoke
cd $HOME/yeoman_test_03_bespoke
yo bespoke

• ホストOSのブラウザから参照したい
• $HOME/yeoman_test_03_bespoke/Gruntfile.jsを編集

          // hostname: '*', // Remove this line if you only want the server available locally
          hostname: '192.168.33.56',

• サーバ起動

grunt server

• ホストOSのブラウザから下記にアクセス

http://192.168.33.56:8000/

Newbie!（表示された）