Grunt の変更点 - きのさいと

追加された行はこの色です。
削除された行はこの色です。
Grunt へ行く。
Grunt の差分を削除
// 一覧用テンプレート
#topicpath
----


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

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

これらのインストールの仕方はこんな感じ。。

-[[Node.js]] npmはNode.jsとともにインストールされます。
-[[Grunt,Yeoman,Bower,compass>Grunt/インストール]]
-[[AngularJS>Grunt/インストール]]

**インストール [#g144545f]

サマリすると
-[[Node.js]] に従ってNode.js/npmをインストール
-[[Node.js]] に従ってNode.js/npmをインストール((npmはNode.jsとともにインストールされます))
-[[Grunt,Yeoman,Bower,compass>Grunt/インストール]]
--Rubyをインストーラ(Windows)等でインストール
-- Gitをインストーラ((https://git-scm.com/))でインストール 
-- GitのGUIクライアントSourceTree((https://ja.atlassian.com/software/sourcetree/overview/))をインストール(任意)
-- gem install compass でCompassインストール((gem update --system って打って最新化してからのほうがいいぽい))
-- npm install --global karma generator-karma でその他もろもろをインストール
-- npm install --global yo bower grunt-cli generator-angular でGrunt,Yeoman,Bower インストール

**Yeomanでアプリを生成してみる [#vbf9248e]
 mkdir hogehoge
 cd hogehoge
 yo angular
でサンプルアプリが作成されます。いろいろ聞かれますが、とりあえずデフォルト値で。。

***サーバを起動 [#add89b2b]
 npm install
 bower install
と叩いて依存モジュールをインストールしておいて、
 grunt serve
でローカルでWebサーバが起動し、ついでにWebブラウザも起動します。

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


#ref(pic.png)


お疲れ様でした。












***関連リンク [#ib0e60b5]
-[[The web's scaffolding tool for modern webapps | Yeoman>http://yeoman.io/]]
-[[Grunt: The JavaScript Task Runner>http://gruntjs.com/]]
-[[AngularJS ― Superheroic JavaScript MVW Framework>https://angularjs.org/]]
-[[Yeomanを使ったAngularJSアプリをチームで共同開発して公開するまで - Qiita>http://qiita.com/tetsuya/items/a488b66a88369307a213]]
-[[npm]]


***コンテンツ一覧 [#lf2fcc53]
#ls2

----
SIZE(10){[[FrontPage]]}~
SIZE(10){現在のアクセス:&counter;}