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
現在のアクセス:6384

メニュー

• JavaのTIPS集
• VMware ESXiのTIPS集
• JenkinsのTIPS集
• Network
• MavenのTIPS集
• WEB開発
• AngularJSのTIPS集
• GruntのTIPS集
• GitHub
• PythonのTIPS集
• AWSのTIPS集
• curl
• Spring BootのTIPS集
• Docker
• Vagrant
• Zabbix
• Hubot
• Raspberry Pi
• Node.jsのTIPS集

わりかし古い話

• プラグイン開発の記事一覧
• プラグイン開発のTIPS集
• プラグイン開発の関連リンク
• ブックマークいろいろ

• StrutsのTIPS集
• MySQLのTIPS集
• HibernateのTIPS集
• SubversionのTIPS集

自作ツール

• 自作ツール/Moblog環境のメールフィルタ
• 自作ツール/opencsvPlus

• Web Recorder Plugin
• JavaBeans Generator
• GooglePlugin
• Plugin Document Creator
• DBをExcelにExportするAntタスク
• JavaDocument検索ツール

外部サイト

• JavaBeans Generator Plugin
• Google Plugin
• Google Plugin のバグトラッカ
• 自作ツールのバグトラッカ

よく見るBlog

• きのの、まずはやってみる
• Kino's Blog
• PrimeBrains(私の働いている会社)
• 株式会社プライム・ブレインズ - Qiita
• PrimeBrainsは一緒に働ける方を募集しています！
• Fly me to the Juno!
• 天使やカイザーと呼ばれて
• Eclipseプラグイン開発
• Eclipse開発 Blog

最新の20件

人気の50件

今日の10件

edit
ページ名変更

使用中のひと:2人