- 追加された行はこの色です。
- 削除された行はこの色です。
// 一覧用テンプレート
#topicpath
----
Gruntを使ってWEB開発をする際にいろいろ自前でインストールが必要。今んところ
Gruntを使ってWEB開発とくにAngularJSで開発をする際にいろいろ自前でインストールが必要。今んところ
Node.js/npm,Grunt,Yeoman,Bower,compass などをインストールしてみた。
Node.js/npm,Grunt,Yeoman,Bower,compass,gitその他を入れておく必要がありそうです。
これらのインストールの仕方はこんな感じ。。
-[[Node.js/npm>npm#i7f584d8]]
-[[Grunt,Yeoman,Bower,compass>Grunt/TIPS集#f4b18929]]
-[[AngularJS>Grunt/TIPS集#f4b18929]]
**インストール [#g144545f]
サマリすると
-Node.js/npmをインストーラ(Windows) とかMacPort(Mac)でインストール
-Rubyをインストーラ(Windows)等でインストール
- gem install compass でCompassインストール
- npm install --global yo bower grunt-cli generator-angular でGrunt,Yeoman,Bower インストール
-[[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;}