Help us understand the problem. What is going on with this article?

expressをインストールしてみる(その過程でnpmも)

More than 5 years have passed since last update.

node.jsで動作するフレームワークexpressをインストールしました。こちらの記事を参照しました(というより、そのとおりに実行しています)。npmの準備が必要です。

Express

node.jsで稼動するフレームワーク。こちらの記事を参照しましたが、準備段階でnpmというものが必要になります。なおExpressに関してはhttp://expressjs.com/ja/を参照。

npmのインストール

npmに関してはwww.npmjs.comを参照。apt-getからインストール可能。

$sudo apt-get install  npm

expressをインストール

いよいよexpressのインストール。

npm install express -g

これでインストール完了(2016/1/12 オプション -gに修正)。

nvm, node.jsの有効化

僕の環境では、node.jsをnvmからインストールした関係で、nodeコマンドを使う為にはnvmおよびnode.jsを有効にする必要がある。ターミナルを立ち上げて、都度

source ~/.nvm/nvm.sh
nvm use 5.1 #node.jsのV5.1を使用する

を打つか、.bashrcに上記を記述しておく。

Express application generator

こちらのドキュメントをほぼそのままなぞっています。

コマンドexpressでスケルトンを生成できる。インストールはnpmから行うが-gオプションをつけるときはsudoで行う必要がある。

$ sudo npm install express-generator -g

スケルトンの生成。以下の例ではmyappフォルダを作成し、その中にスケルトンを生成する。
```
$ express myapp

create : myapp
create : myapp/package.json
...

install dependencies:
$ cd myapp && npm install

run the app:
$ DEBUG=myapp:* npm start

create : myapp/public/javascripts
$
```

おまじないのように、次の2行を実行すると実行できる。

$ cd myapp && npm install
$ DEBUG=myapp:* npm start
...
 myapp:server Listening on port 3000 +0ms

ブラウザからlocalhost:3000にアクセスすると以下の画面が表示される。

express.png

ソースを見たけれど今のところどうなっているのかよく分からない。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away