Grunt

Gruntを使ってWEB開発とくにAngularJSで開発をする際にいろいろ自前でインストールが必要。今んところ

Node.js/npm,Grunt,Yeoman,Bower,compass,gitその他を入れておく必要がありそうです。

インストール †

サマリすると

• Node.js に従ってNode.js/npmをインストール*1
• Grunt,Yeoman,Bower,compass
  • Rubyをインストーラ(Windows)等でインストール
  • Gitをインストーラ*2でインストール
  • GitのGUIクライアントSourceTree?*3をインストール(任意)
  • gem install compass でCompassインストール*4
  • npm install --global karma generator-karma でその他もろもろをインストール
  • npm install --global yo bower grunt-cli generator-angular でGrunt,Yeoman,Bower インストール

Yeomanでアプリを生成してみる †

mkdir hogehoge
cd hogehoge
yo angular

でサンプルアプリが作成されます。いろいろ聞かれますが、とりあえずデフォルト値で。。

サーバを起動 †

npm install
bower install

と叩いて依存モジュールをインストールしておいて、

grunt serve

でローカルでWebサーバが起動し、ついでにWebブラウザも起動します。

下記のようなYeomanが作成したアプリが起動すれば成功です。

お疲れ様でした。

関連リンク †

• The web's scaffolding tool for modern webapps | Yeoman
• Grunt: The JavaScript Task Runner
• AngularJS ― Superheroic JavaScript MVW Framework
• Yeomanを使ったAngularJSアプリをチームで共同開発して公開するまで - Qiita
• npm?

コンテンツ一覧 †

• Grunt/TIPS集
• Grunt/インストール

FrontPage
現在のアクセス:5472