Express 3 快速入门 - Express 应用程序生成器

Express

Express 中文网

本文仅用于学习记录，不存在任何商业用途，如侵删

3 快速入门 - Express 应用程序生成器

3.1 演示

通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。

开发者可以通过 npx （包含在 Node.js 8.2.0 及更高版本中）命令来运行 Express 应用程序生成器。

npx express-generator
1

对于较老的 Node 版本，请通过 npm 将 Express 应用程序生成器安装到全局环境中并使用：

$ npm install -g express-generator
$ express
1
2

试试，

新建一个工作目录 myapp2

直接运行Express 应用程序生成器

可以看到它自动生成了很多东西

-h 参数可以列出所有可用的命令行参数：

解释：

-h, --help          输出使用方法
        --version       输出版本号
    -e, --ejs           添加对 ejs 模板引擎的支持
        --hbs           添加对 handlebars 模板引擎的支持
        --pug           添加对 pug 模板引擎的支持
    -H, --hogan         添加对 hogan.js 模板引擎的支持
        --no-view       创建不带视图引擎的项目
    -v, --view  添加对视图引擎（view）  的支持 (ejs|hbs|hjs|jade|pug|twig|vash) （默认是 jade 模板引擎）
    -c, --css   添加样式表引擎  的支持 (less|stylus|compass|sass) （默认是普通的 css 文件）
        --git           添加 .gitignore
    -f, --force         强制在非空目录下创建
1
2
3
4
5
6
7
8
9
10
11

笔者这里在全局也装了一个。

3.2 重新创建myapp Express 应用

将myapp 工作目录清空

如下命令创建了一个名称为 myapp 的 Express 应用。此应用将在当前目录下的 myapp 目录中创建，并且设置为使用 Pug 模板引擎（view engine）：

Pug模板：

express --view=pug myapp
1

这和直接运行生成器命令生成的东西特别像。【命令会自行创建一级工作目录】

可以看到这个应用程序依赖了很多包

全部安装：

在 MacOS 或 Linux 中，通过如下命令启动此应用：

$ DEBUG=myapp:* npm start
1

在 Windows 命令行中，使用如下命令：

> set DEBUG=myapp:* & npm start
1

在 Windows 的 PowerShell 中，使用如下命令：

PS> $env:DEBUG='myapp:*'; npm start
1

成功启动了

在浏览器中打开 http://localhost:3000/ 网址

不错啊。

通过生成器创建的应用一般都有如下目录结构：

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

通过 Express 应用生成器创建应用只是众多方法中的一种。

你可以不使用它，也可以修改它让它符合你的需求。