Eclipse + nodeclipseプラグイン環境でExpressプロジェクトを作成するときの注意点

## はじめに
Eclipseにnodeclipseプラグインを導入し、Expressプロジェクトを作成しようとた際につまづいた点を備忘録として残しておきます。他に良い手順などありましたらコメントお願いいたします。

## Eclipse Neon 導入
1. [こちら](https://www.eclipse.org/downloads/?)からお好みのエディションをダウンロードして展開してください。いわずとしれたEclipseなので詳細は省略します。

## nodeclipseプラグイン導入
1. Eclipse Marketplaceから nodeclipseで検索し以下を画面に従ってインストールします。
![Kobito.3AquzJ.png](https://qiita-image-store.s3.amazonaws.com/0/129662/078dbae0-e563-848b-ebf8-0ba63ab722d6.png "Kobito.3AquzJ.png")

2. Eclipseを再起動してインストール済みソフトウェア一覧を見ると以下のようになっています。
![Kobito.m1zbYM.png](https://qiita-image-store.s3.amazonaws.com/0/129662/9d8e6045-12e7-79f9-fc41-faf70c798af6.png "Kobito.m1zbYM.png")


## Expressプロジェクト作成と実行
1. File > New > Otherと見ていくと、Node.js Expressプロジェクトが存在しているのがわかります。選択してNextをクリックします。
![Kobito.txnaP9.png](https://qiita-image-store.s3.amazonaws.com/0/129662/d755a716-72a0-442f-ee5f-61fd452a87d5.png "Kobito.txnaP9.png")

2. プロジェクト名を入れてFinishをクリックします。テンプレート・エンジンはここではとりあえずejsを指定していますがお好みで。
![Kobito.hsCqn3.png](https://qiita-image-store.s3.amazonaws.com/0/129662/4cf3a2c4-57e0-cce0-d2c9-477866cbc310.png "Kobito.hsCqn3.png")

3. プロジェクトのフォルダを確認します。package.jsonが自動作成されているので中身を確認します。
![Kobito.IyXMYA.png](https://qiita-image-store.s3.amazonaws.com/0/129662/017fe4da-7134-1f11-2059-aec693a375c6.png "Kobito.IyXMYA.png")

4. package.jsonを見るとdependenciesが記載されているのがわかります。
![Kobito.4WX8er.png](https://qiita-image-store.s3.amazonaws.com/0/129662/cb6ce70e-7eb3-5503-b49a-0b3a65da29bf.png "Kobito.4WX8er.png")

5. 一方このプロジェクトのフォルダを見ると、dependenciesモジュールが入るnode_modulesがありません。この時点でnpm startすると以下のように、メインスクリプトのapp.jsでrequireしているモジュールを読み込めないというエラーになります。

app.js:
![Kobito.Vh40Nf.png](https://qiita-image-store.s3.amazonaws.com/0/129662/128bdcc6-1ac5-8918-12e7-3930996b6328.png "Kobito.Vh40Nf.png")

npm start:
![Kobito.6VAWnC.png](https://qiita-image-store.s3.amazonaws.com/0/129662/d8ab7fde-8fe2-b873-079b-cb29a00dd9d5.png "Kobito.6VAWnC.png")

error:
![image](https://qiita-image-store.s3.amazonaws.com/0/129662/f55104ed-af39-caf0-7613-056227a6882d.png)

## エラーの解決方法

1. このエラーを解決するにはpackage.jsonを右クリックして npm installを実行します。
![Kobito.LGpfot.png](https://qiita-image-store.s3.amazonaws.com/0/129662/25260171-ee14-58ba-073d-4e77b51c8029.png "Kobito.LGpfot.png")

2. 必要なモジュールがインストールされます。
![Kobito.04Bumv.png](https://qiita-image-store.s3.amazonaws.com/0/129662/395ebebc-7502-2006-6537-d7b45f022e8a.png "Kobito.04Bumv.png")

3. またnode_modulesフォルダも生成されたことがわかります。
![Kobito.JvEBCM.png](https://qiita-image-store.s3.amazonaws.com/0/129662/1337dbef-57d5-6190-8b98-e61208d30ba7.png "Kobito.JvEBCM.png")

4. 再び npm startします。
![Kobito.L3PXqT.png](https://qiita-image-store.s3.amazonaws.com/0/129662/6aed690f-f453-7bf3-a1a2-0e329203af9f.png "Kobito.L3PXqT.png")

5. 今度はエラーなく実行されます。
![image](https://qiita-image-store.s3.amazonaws.com/0/129662/f0305b88-cf70-c871-ac89-d8b41d3f69ac.png)

6. localhost:3000にアクセスしてみると、デフォルト・アプリが起動しているのがわかります。
![Kobito.nk2iRA.png](https://qiita-image-store.s3.amazonaws.com/0/129662/bae82df9-6f3b-1452-044b-ff9851e9f649.png "Kobito.nk2iRA.png")

## まとめ
以上でEclipseにnodeclipseを入れてExpressプロジェクトを作成するときにつまづいた点について述べました。
Eclipseを使わずCLIでExpressプロジェクトを作成していく場合、npm installでpackage.jsonにあるdependenciesモジュールを導入する作業が必須ですが、Eclipseを使った場合も同様であることがわかりました。