Appearance
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