キンサクプログラマー

お金儲けと技術のメモ

Yeoman導入手順

Yeomanでサイトを作ろうとしたら詰まりまくった。
参考にしたサイト。qiita.com

サーバ起動まで

普段使ってるVM環境にインストールしていたものの、途中までいってエラーの解決ができなくなったので、
一度まっさらな状態から再スタートすることにした。

基本的には、参考のサイト通りで良かったけど

  • Rubyのインストール(rbenvとかで色々・・・)
  • Sassのインストール(gem install sass)

が必要だった。(Yeomanいれるときにsass使うってしなかったはずだが・・・・)

起動後

grunt serve

で起動すると。

[vagrant@localhost html]$ grunt serve
Running "serve" task

Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "env:all" (env) task

Running "injector:sass" (injector) task
Missing option `template`, using `dest` as template instead
Injecting scss files (4 files)

Running "concurrent:server" (concurrent) task

Running "sass:server" (sass) task

Done, without errors.


Execution Time (2015-08-14 02:20:15 UTC)
loading tasks 526ms ▇▇▇▇▇ 9%
sass:server 5.1s ▇▇▇▇▇▇▇▇▇▇▇▇ 91%
Total 5.7s

Running "babel:server" (babel) task

Done, without errors.


Execution Time (2015-08-14 02:20:15 UTC)
loading tasks 11s ▇▇▇▇▇▇▇ 95%
babel:server 581ms ▇▇▇ 5%
Total 11.6s

Running "injector:scripts" (injector) task
Missing option `template`, using `dest` as template instead
Injecting js files (14 files)

Running "injector:sass" (injector) task
Missing option `template`, using `dest` as template instead
Injecting scss files (4 files)

Running "injector:css" (injector) task
Missing option `template`, using `dest` as template instead
>> Nothing changed

Running "wiredep:target" (wiredep) task

Running "autoprefixer:dist" (autoprefixer) task
File .tmp/app/app.css created.
File .tmp/app/app.css.map created (source map).

Running "express:dev" (express) task
Starting background Express server
debugger listening on port 5858
Express server listening on 9000, in development mode

Running "wait" task
>> Waiting for server reload...
finished populating users
Done waiting!

Running "watch" task
Waiting...

ここまで表示される・・・ が

http://localhost:9000

でブラウザに表示されない。先は長いな・・・