目标

建立一个 lesson1 项目，在其中编写代码。当在浏览器中访问 http://localhost:3000/ 时，输出 Hello World。

知识点

1、安装nvm工具以用其安装指定版本的node

  • 安装nvm（ https://github.com/creationix/nvm）
  • 安装Node
    1
    2
    3
    4
    5
    6
    7
    8
    // 安装v0.12版本的node
    $ nvm install 0.12
    // 安装完成后查看一下
    $ nvm ls
    // 这时候可以看到自己安装的所有Node版本，前面有绿色小箭头的表示当前正在使用的版本，如果安装了多个版本需要进行切换使用命令：
    $ nvm use 0.12
    // 查看是否安装成功
    $ node

2、包管理器 npm 。使用 npm 安装包，并自动安装所需依赖。

在上步安装node时里面已经自动带了npm。npm 可以自动管理包的依赖。 只需要安装你想要的包, 不必考虑这个包的依赖包.

在 PHP 中, 包管理使用的 Composer, python 中，包管理使用 easy_install 或者 pip，ruby 中我们使用 gem。而在 Node.js 中，对应就是 npm，npm 是 Node.js Package Manager 的意思。

3、框架 express 。学习新建 express 实例，并定义 routes ，产生输出。
express 是 Node.js 应用最广泛的 web 框架，现在是 4.x 版本，它非常薄。跟 Rails 比起来，完全两个极端。

express 的官网是 http://expressjs.com/ ，我常常上去看它的 API。

实现内容

本实例假设大家都是在 Linux 或者 Mac 下面

1、新建一个文件夹叫lesson1，进去里面安装express

1
2
3
$ mkdir lesson1 && cd lesson1
# 这里没有从官方 npm 安装，而是使用了大淘宝的 npm 镜像
$ npm install express --registry=https://registry.npmmirror.com

安装完成后，我们的 lesson1 目录下应该会出现一个 node_modules 文件夹，ls 看看

1
$ ls node_modules

里面如果出现 express 文件夹则说明安装成功。

或者 npm命令提供更清晰直观的显示:

1
$ npm list

我们继续应用程序的编写。

新建一个 app.js 文件

1
$ touch app.js

copy 进去这些代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 这句的意思就是引入 `express` 模块，并将它赋予 `express` 这个变量等待使用。
var express = require('express');
// 调用 express 实例，它是一个函数，不带参数调用时，会返回一个 express 实例，将这个变量赋予 app 变量。
var app = express();

// app 本身有很多方法，其中包括最常用的 get、post、put/patch、delete，在这里我们调用其中的 get 方法，为我们的 `/` 路径指定一个 handler 函数。
// 这个 handler 函数会接收 req 和 res 两个对象，他们分别是请求的 request 和 response。
// request 中包含了浏览器传来的各种信息，比如 query 啊，body 啊，headers 啊之类的，都可以通过 req 对象访问到。
// res 对象，我们一般不从里面取信息，而是通过它来定制我们向浏览器输出的信息，比如 header 信息，比如想要向浏览器输出的内容。这里我们调用了它的 #send 方法，向浏览器输出一个字符串。
app.get('/', function (req, res) {
  res.send('Hello World');
});

// 定义好我们 app 的行为之后，让它监听本地的 3000 端口。这里的第二个函数是个回调函数，会在 listen 动作成功后执行，我们这里执行了一个命令行输出操作，告诉我们监听动作已完成。
app.listen(3000, function () {
  console.log('app is listening at port 3000');
});

执行

1
$ node app.js

这时候我们的 app 就跑起来了，终端中会输出 app is listening at port 3000。这时我们打开浏览器，访问 http://localhost:3000/，会出现 Hello World。如果没有出现的话，肯定是上述哪一步弄错了，自己调试一下。