Top / 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が作成したアプリが起動すれば成功です。

pic.png

お疲れ様でした。

関連リンク

コンテンツ一覧


FrontPage
現在のアクセス:733


*1 npmはNode.jsとともにインストールされます
*2 https://git-scm.com/
*3 https://ja.atlassian.com/software/sourcetree/overview/
*4 gem update --system って打って最新化してからのほうがいいぽい

添付ファイル: filepic.png 135件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-04-30 (日) 21:02:40 (29d)