Express

Express 中文网

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


文章目录

  • Express
  • 3 快速入门 - Express 应用程序生成器
  • 3.1 演示
  • 3.2 重新创建myapp Express 应用


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

3.1 演示

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

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

npx express-generator

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

$ npm install -g express-generator $ express

试试,

新建一个工作目录 myapp2

express文件下载_前端

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

express文件下载_javascript_02

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

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

express文件下载_express文件下载_03

解释:

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

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

3.2 重新创建myapp Express 应用

将myapp 工作目录清空

express文件下载_Express_04

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

Pug模板:

express文件下载_Express_05

express --view=pug myapp

express文件下载_express_06

express文件下载_javascript_07

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

express文件下载_前端_08

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

全部安装:

express文件下载_javascript_09

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

$ DEBUG=myapp:* npm start

在 Windows 命令行中,使用如下命令:

> set DEBUG=myapp:* & npm start

在 Windows 的 PowerShell 中,使用如下命令:

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

express文件下载_express文件下载_10

成功启动了

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

express文件下载_Express_11

不错啊。

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

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

express文件下载_javascript_12

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

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