express入门(MAC)

何为Express

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。

前提条件

  • 首先需要安装nodejs

  • 根据自己的操作系统安装node

  • 安装好之后查看一下自己的node版本

    1
    node -v
  • 输出

    1
    v9.7.1

安装Express应用生成器

  • 通过应用生成器工具 express 可以快速创建一个应用的骨架。
  • 通过如下命令安装:
1
$ npm install express-generator -g
  • -h 选项可以列出所有可用的命令行选项:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$ express -h

Usage: express [options] [dir]

Options:

-h, --help output usage information
-V, --version output the version number
-e, --ejs add ejs engine support (defaults to jade)
--hbs add handlebars engine support
-H, --hogan add hogan.js engine support
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
--git add .gitignore
-f, --force force on non-empty directory
  • 例如,下面的示例就是在当前工作目录下创建一个命名为 myapp 的应用。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    $ express myapp

    create : myapp
    create : myapp/package.json
    create : myapp/app.js
    create : myapp/public
    create : myapp/public/javascripts
    create : myapp/public/images
    create : myapp/routes
    create : myapp/routes/index.js
    create : myapp/routes/users.js
    create : myapp/public/stylesheets
    create : myapp/public/stylesheets/style.css
    create : myapp/views
    create : myapp/views/index.jade
    create : myapp/views/layout.jade
    create : myapp/views/error.jade
    create : myapp/bin
    create : myapp/bin/www
  • 目录结构如下

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    ├── app.js
    ├── bin
    │ └── www
    ├── package.json
    ├── public
    │ ├── images
    │ ├── javascripts
    │ └── stylesheets
    │ └── style.css
    ├── routes
    │ ├── index.js
    │ └── users.js
    └── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

    7 directories, 9 files
  • 然后安装所有依赖包:

    1
    2
    $ cd myapp 
    $ npm install
  • 启动这个应用(MacOS 或 Linux 平台):

    1
    $ DEBUG=myapp npm start
  • 然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。