気ままなつぶやき

おべんきょしたこととか

【nodejs入門】開発環境構築と起動まで

さてはて。
nodejs入門。

簡単なアプリケーション作れるようになってみたいな。

IntelliJ IDEA :: Node.js

npmとnodejsのバージョンはこんな感じ

$ npm --version
1.3.8
$ node --version
v0.10.16

nodejsのプラグインintellijにダウンロードする

intellijを起動して、「Configure」をクリック
f:id:pnsk:20140621174707p:plain:w300

「Plugins」からプラグインの設定ができる
f:id:pnsk:20140621174818p:plain:w300

標準ではインストールされていなかったのでインストール
f:id:pnsk:20140622185153p:plain:w300

nodejsで検索
f:id:pnsk:20140622185231p:plain:w300

検索でひっかかったプラグインをダブルクリックすれば、インストールできる
f:id:pnsk:20140622185303p:plain:w300

intellijを再起動して、プロジェクト作成をすると
nodejsが選択肢で追加されていることがわかる

f:id:pnsk:20140622185354p:plain:w300

ライブラリを有効にする

f:id:pnsk:20140622232619p:plain:w300

template settings

preferenceのところで、nodejsのcoreモジュールをインストールする
f:id:pnsk:20140622235003p:plain:w300

「Sources are not configured」となっているのでConfigureボタンをクリックすると
coreモジュールをインストールできる

f:id:pnsk:20140622235230p:plain:w300

今回はインターネットからダウンロード!!

f:id:pnsk:20140622235259p:plain:w300

起動だけしてみる

2種類あるな・・

boilerplateはフロントエンドのテンプレートなのかな?bootstrapとの対比が出ていた。
http://www.sitepoint.com/boilerplate-bootstrap/

expressはwebアプリケーションフレームワークか。テンプレートエンジンとかは自分で選択するようだ。

今回はboilerplateを利用した。
※expressにしたら、intellijが落ちて起動しなかったから。。

プロジェクトの作成
f:id:pnsk:20140623001100p:plain:w300

パッケージ構成はこんな感じ
f:id:pnsk:20140623001122p:plain:w300

README.mdを見ながら進めていけば良い

コンソールから、initproject.shを実行する

$ cd nodejstest/
$ ls
README.md	initproject.bat	initproject.sh	nodejstest.iml	templates
$ sh initproject.sh 

なんかイロイロふえた
f:id:pnsk:20140623002932p:plain:w250

そしてREADME.mdが消えた

initproject.shみたら

rm README.md

してた。

そりゃそうか。

さて、アプリケーションを起動しよう

$ cd nodejstest/
$ node server.js 
   info  - socket.io started
Listening on http://0.0.0.0:8081

画面が表示された
f:id:pnsk:20140623005019p:plain:w300

index.jadeの内容が表示されているようだ

テキストだけどクリックしたらscript.jsが実行されていてmessageが表示された
f:id:pnsk:20140623005256p:plain:w300

へー。

今日はここまで