LoginSignup
20

More than 5 years have passed since last update.

node.jsの開発環境構築まとめ

Last updated at Posted at 2013-11-06

node.jsでWebアプリケーションの開発を行うまでの環境構築についてまとめてみた.

nvm

nvmはnode.jsのバージョンの管理ツール(rvm, perlbrew, 〜env的な)
複数バージョンのnodeを共存させることができる.

nvmのインストール

$ git clone git://github.com/creationix/nvm.git ~/.nvm  
$ source ~/.nvm/nvm.sh
// この行を~rcに追記する.

node.jsのインストール

$ nvm ls-remote
// 使用可能なバージョンがずらっと表示される.

$ nvm install v0.10.21
// バージョンを指定してインストール

$ nvm use v0.10.21
// バージョン指定

$ node -v
v0.10.21

ログアウト後もnodeのデフォルトバージョン指定を有効にするためには, 〜rcnvm use v0.10.21と記述しておけばよい.
(バージョンを新しくする時に, いちいち書き換えるのめんどくさいので, きっと他にいい方法ありそう...)

npm

npmはnodejsのライブラリ管理ツール(rubygem, cpan的な)
nvmからnode.jsをインストールすると, npmもセットでインストールされる.

使い方

詳細はnpm -hを参照

$ npm install mysql -g  

-gオプションをつけると.nvm/v0.10.21/lib/node_modules以下に, つけないとカレントディレクトリにインストールされる.

bower

Twitter社製のJavaScript,CSSのパッケージマネージャ
新しいアプリを作製する度にJQueryとかを手動で複製しなくてもよくなる.

インストール

$ npm install bower -g
// npmでOK
$ bower -v
1.2.7

使い方

$ bower install bootstrap
// bower_componentsにインストールされる.
// boostrapをインストールすると依存関係のあるJQueryも自動でインストールされる.

bowerでインストールしたライブラリは./bower_components下に配置されるので, 使用する時はそこまでのパスを引っ張ってくる必要がある.

express

node.js用のWebアプリケーションフレームワーク.
Sinatraっぽい.

$ express ExpressSample
// ファイルが生成される
// オプションでlessやstylusなどの指定も可能

$ cd ExpressSample && npm install
// ライブラリのインストール

$ npm start
// アプリケーションの起動
// デフォルトのポートは3000

startの他にもpackege.jsonの"scripts"にコマンドを設定が可能.

grunt

JS用のタスクランナー
とりあえずインストール方法のみ記載.

インストール

npm install grunt -g
npm install grunt-contrib -g
// 便利なプラグイン達をインストール
npm install grunt-cli -g

grunt-contribをインストールすると以下のURLに記載されている様々なプラグインが利用可能になる.

参考URL

http://codedehitokoto.blogspot.jp/2012/03/sudo-npm-install-g.html
http://d.hatena.ne.jp/Yudoufu/20111010/1318252162
http://gihyo.jp/dev/serial/01/nodejs/0003
http://yosuke-furukawa.hatenablog.com/entry/2013/06/01/173308
http://tech4403.hatenablog.com/entry/2013/02/02/170957

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
20