Skip to content

EXPRESS

基本用法

在安装使用Express之前 一定要在安装node环境 创建工作目录 创建工作目录 myExpress 初始化项目, 会为你的应用创建一个 package.json 文件。有关 package.json 的更多信息, 参考 npm 的 package.json

Express
npm init

此命令会提示你输入许多信息, 默认接受即可。在myExpress目录中安装 Express 并将其保存在依赖列表中。

Express
npm install express

在 myExpress 目录中,创建一个名为 app.js 的文件, 文件内容如下

Express
// 引入express模块
const express = require('express');
// 实例化
const app = express();
// 端口号
const port = 3000;
app.get('/', (req, res) => { 
  res.send('Hello Express!') 
})
app.listen(port, () => { 
  console.log(`Example app listening on port ${port}`) 
})

使用命令 node app.js 启动项目, 浏览器访问http://localhost:3000

Express
node app.js

Express 应用程序生成器

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

Express
npm install express-generator -g

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

Usage: express [options] [dir]

Options:

-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         强制在非空目录下创建

使用 express --view=pug myExpress 命令创建应用,myExpress是自定义的项目名称。也可以手动创建工作目录

Express
express --view=pug myExpress

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

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

cd myExpress项目中 再使用npm install下载依赖

Express
npm install

运行项目

Express
npm start

如果需要实时更新修改代码结果 使用nodemon 首先安装 nodemon

Express
npm install	nodemon

在文件夹下运行 nodemon 启动项目 浏览器访问http://localhost:3000

Express
nodemon